commit 6505b176734fbf8ec55a051a0af3c79c1f9fc91a Author: Eudaimon Date: Mon Jun 19 11:56:20 2023 +0200 First commit diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..17cb286 --- /dev/null +++ b/LICENSE @@ -0,0 +1,117 @@ +GNU GENERAL PUBLIC LICENSE +Version 2, June 1991 + +Copyright (C) 1989, 1991 Free Software Foundation, Inc. +51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA + +Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed. + +Preamble + +The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software--to make sure the software is free for all its users. This General Public License applies to most of the Free Software Foundation's software and to any other program whose authors commit to using it. (Some other Free Software Foundation software is covered by the GNU Lesser General Public License instead.) You can apply it to your programs, too. + +When we speak of free software, we are referring to freedom, not price. Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for this service if you wish), that you receive source code or can get it if you want it, that you can change the software or use pieces of it in new free programs; and that you know you can do these things. + +To protect your rights, we need to make restrictions that forbid anyone to deny you these rights or to ask you to surrender the rights. These restrictions translate to certain responsibilities for you if you distribute copies of the software, or if you modify it. + +For example, if you distribute copies of such a program, whether gratis or for a fee, you must give the recipients all the rights that you have. You must make sure that they, too, receive or can get the source code. And you must show them these terms so they know their rights. + +We protect your rights with two steps: (1) copyright the software, and (2) offer you this license which gives you legal permission to copy, distribute and/or modify the software. + +Also, for each author's protection and ours, we want to make certain that everyone understands that there is no warranty for this free software. If the software is modified by someone else and passed on, we want its recipients to know that what they have is not the original, so that any problems introduced by others will not reflect on the original authors' reputations. + +Finally, any free program is threatened constantly by software patents. We wish to avoid the danger that redistributors of a free program will individually obtain patent licenses, in effect making the program proprietary. To prevent this, we have made it clear that any patent must be licensed for everyone's free use or not licensed at all. + +The precise terms and conditions for copying, distribution and modification follow. + +TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + +0. This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The "Program", below, refers to any such program or work, and a "work based on the Program" means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does. + +1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program. + +You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee. + +2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in whole or in part contains or is derived from the Program or any part thereof, to be licensed as a whole at no charge to all third parties under the terms of this License. + + c) If the modified program normally reads commands interactively when run, you must cause it, when started running for such interactive use in the most ordinary way, to print or display an announcement including an appropriate copyright notice and a notice that there is no warranty (or else, saying that you provide a warranty) and that users may redistribute the program under these conditions, and telling the user how to view a copy of this License. (Exception: if the Program itself is interactive but does not normally print such an announcement, your work based on the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License. + +3. You may copy and distribute the Program (or a work based on it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three years, to give any third party, for a charge no more than your cost of physically performing source distribution, a complete machine-readable copy of the corresponding source code, to be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer to distribute corresponding source code. (This alternative is allowed only for noncommercial distribution and only if you received the program in object code or executable form with such an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable. + +If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code. + +4. You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance. + +5. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it. + +6. Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License. + +7. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty-free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances. + +It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice. + +This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License. + +8. If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License. + +9. The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. + +Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation. + +10. If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. + +NO WARRANTY + +11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + +12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + +END OF TERMS AND CONDITIONS + +How to Apply These Terms to Your New Programs + +If you develop a new program, and you want it to be of the greatest possible use to the public, the best way to achieve this is to make it free software which everyone can redistribute and change under these terms. + +To do so, attach the following notices to the program. It is safest to attach them to the start of each source file to most effectively convey the exclusion of warranty; and each file should have at least the "copyright" line and a pointer to where the full notice is found. + + one line to give the program's name and an idea of what it does. Copyright (C) yyyy name of author + + This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. + + This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. This is free software, and you are welcome to redistribute it under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate parts of the General Public License. Of course, the commands you use may be called something other than `show w' and `show c'; they could even be mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your school, if any, to sign a "copyright disclaimer" for the program, if necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program `Gnomovision' (which makes passes at compilers) written by James Hacker. + +signature of Ty Coon, 1 April 1989 Ty Coon, President of Vice diff --git a/README.md b/README.md new file mode 100644 index 0000000..e2912e6 --- /dev/null +++ b/README.md @@ -0,0 +1,75 @@ +# CrystalClear + +![small preview](previews/logo.png) + +This is an extremely skeuomorphicv theme that tries to have maximum readability. To this end, different effects are used to indicate different statuses for the items (such as hover, selected, etc.). + +This theme is based on Adwaita GTK3 and GTK4 (source sasscs!) and built from there. Sources are also available. I've also made adaptations so it works well as libadwaita css (still a WIP). + +GTK2 is based on Clearlooks. + +I've created a way to use different color themes: + +- go to `source/templates/` directory and run `./use_scheme.sh name_of_color_scheme` (for example: `./use_scheme.sh colorscheme-ClearCrystal.sh` +- move one directory upwards with `cd ..` and rebuild theme, using new selected scheme, and bearing in mind whether it's a light or a dark theme: `./compile.sh light` or `./compile.sh dark` + +There are a few available color themes already, both dark and light. + +Included themes: + +- GTK: gtk2, gtk3, gtk4 (gtk2 is not really flat, but...) +- xfwm4 (not really matching, maybe just "good enough"). +- Cinnamon, Gnome-Shell, chrome made with Oomox/Themix using Materia (these do not adapt to color themes other than the original one). + +## Libadwaita support + +In order for libadwaita apps (i.e. most native Gnome apps) to display this theme instead of default libadwaita, you should go to your `~/.config/gtk-4.0` directory and link there this theme's gtk-4.0 `gtk.css`, `gtk-dark.css` and `assets` directory. For example, supposing you have this theme in your `~/.themes` directory: + +```sh +cd ~/.config/gtk-4.0 +ln -s ~/.themes/ClearCrystal/gtk-4.0/assets +ln -s ~/.themes/ClearCrystal/gtk-4.0/gtk.css +ln -s ~/.themes/ClearCrystal/gtk-4.0/gtk-dark.css +``` + + +## Big previews + +Previews are not yet the right ones, inherited from ClearCrystal. + +![still unfinished](previews/awf-gtk3-unfinished.png) + +![new default theme](previews/dark-ClearCrystal-neutral.png) + +![gtk3 widget page 3](previews/gtk3wf-3.png) + +![full desktop preview that includes gtk2, gtk3 and gtk4](previews/gtk3-gtk4-gtk2-desktop.png "Includes gtk2, gtk3 and gtk4") + +![color theme preview](previews/scheme-LightBlue.png) +![color theme preview](previews/dark-adwaita.png) +![color theme preview](previews/dark-adwaita-yaro.png) +![color theme preview](previews/dark-ClearCrystal-less_dark.png) +![color theme preview](previews/dark-ClearCrystal-neutral.png) +![color theme preview](previews/dark-ClearCrystal.png) +![color theme preview](previews/dark-debian.png) +![color theme preview](previews/dark-forest.png) +![color theme preview](previews/dark-KvCyan.png) +![color theme preview](previews/dark-matrix.png) +![color theme preview](previews/dark-Pandora.png) +![color theme preview](previews/dark-red.png) +![color theme preview](previews/dark-yellow.png) +![color theme preview](previews/gtk3-gtk4-gtk2-desktop.png) +![color theme preview](previews/gtk3wf-2.png) +![color theme preview](previews/gtk3wf-3.png) +![color theme preview](previews/gtk4wf-1.png) +![color theme preview](previews/light-adwaita.png) +![color theme preview](previews/light-blue.png) +![color theme preview](previews/light-ClearCrystal.png) +![color theme preview](previews/light-debian.png) +![color theme preview](previews/light-greenyellow.png) +![color theme preview](previews/light-Skewaita.png) +![color theme preview](previews/light-turquoise.png) +![color theme preview](previews/logo.png) +![color theme preview](previews/scheme-ClearCrystal_less_dark.png) +![color theme preview](previews/scheme-ClearCrystal-neutral.png) +![color theme preview](previews/scheme-LightBlue.png) diff --git a/TODO.md b/TODO.md new file mode 100644 index 0000000..b1a8dc8 --- /dev/null +++ b/TODO.md @@ -0,0 +1,6 @@ +# TODO + +- Entries +- Skeuomorphic separators everywhere +- proper xfwm4 theme + diff --git a/chrome/chrome-scrollbar.crx b/chrome/chrome-scrollbar.crx new file mode 100644 index 0000000..b1d77c7 Binary files /dev/null and b/chrome/chrome-scrollbar.crx differ diff --git a/chrome/chrome-theme.crx b/chrome/chrome-theme.crx new file mode 100644 index 0000000..a89287a Binary files /dev/null and b/chrome/chrome-theme.crx differ diff --git a/cinnamon/assets/add-workspace-active.svg b/cinnamon/assets/add-workspace-active.svg new file mode 100644 index 0000000..5dd9f75 --- /dev/null +++ b/cinnamon/assets/add-workspace-active.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/cinnamon/assets/add-workspace-hover.svg b/cinnamon/assets/add-workspace-hover.svg new file mode 100644 index 0000000..4f0b327 --- /dev/null +++ b/cinnamon/assets/add-workspace-hover.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/cinnamon/assets/add-workspace.svg b/cinnamon/assets/add-workspace.svg new file mode 100644 index 0000000..c71dcfa --- /dev/null +++ b/cinnamon/assets/add-workspace.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/cinnamon/assets/calendar-arrow-left.svg b/cinnamon/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..5448aac --- /dev/null +++ b/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/calendar-arrow-right.svg b/cinnamon/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..f089edb --- /dev/null +++ b/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/checkbox-off.svg b/cinnamon/assets/checkbox-off.svg new file mode 100644 index 0000000..54317fd --- /dev/null +++ b/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/checkbox.svg b/cinnamon/assets/checkbox.svg new file mode 100644 index 0000000..c2473a4 --- /dev/null +++ b/cinnamon/assets/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/corner-ripple.png b/cinnamon/assets/corner-ripple.png new file mode 100644 index 0000000..35d95ff Binary files /dev/null and b/cinnamon/assets/corner-ripple.png differ diff --git a/cinnamon/assets/radiobutton-off.svg b/cinnamon/assets/radiobutton-off.svg new file mode 100644 index 0000000..43467e8 --- /dev/null +++ b/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/radiobutton.svg b/cinnamon/assets/radiobutton.svg new file mode 100644 index 0000000..772feeb --- /dev/null +++ b/cinnamon/assets/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/toggle-off.svg b/cinnamon/assets/toggle-off.svg new file mode 100644 index 0000000..711cb5f --- /dev/null +++ b/cinnamon/assets/toggle-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/cinnamon/assets/toggle-on.svg b/cinnamon/assets/toggle-on.svg new file mode 100644 index 0000000..f275e0d --- /dev/null +++ b/cinnamon/assets/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/cinnamon/assets/trash-icon.png b/cinnamon/assets/trash-icon.png new file mode 100644 index 0000000..270fe2e Binary files /dev/null and b/cinnamon/assets/trash-icon.png differ diff --git a/cinnamon/assets/window-close-active.svg b/cinnamon/assets/window-close-active.svg new file mode 100644 index 0000000..2d8a7a6 --- /dev/null +++ b/cinnamon/assets/window-close-active.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/cinnamon/assets/window-close-hover.svg b/cinnamon/assets/window-close-hover.svg new file mode 100644 index 0000000..6b92a82 --- /dev/null +++ b/cinnamon/assets/window-close-hover.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/cinnamon/assets/window-close.svg b/cinnamon/assets/window-close.svg new file mode 100644 index 0000000..ba51db0 --- /dev/null +++ b/cinnamon/assets/window-close.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css new file mode 100644 index 0000000..328cedc --- /dev/null +++ b/cinnamon/cinnamon.css @@ -0,0 +1,1711 @@ +.notification-button, .modal-dialog-button { + color: #e6e6fa; + background-color: #4e5848; + border-color: transparent; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; + font-size: 10.5pt; + font-weight: 500; + min-height: 32px; + padding: 0 16px; + border-radius: 0px; +} +.notification-button:focus, .modal-dialog-button:focus { + color: #e6e6fa; + background-color: #60695d; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); +} +.notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { + color: #e6e6fa; + background-color: #60695d; + border-color: transparent; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + text-shadow: none; + icon-shadow: none; +} +.notification-button:active, .modal-dialog-button:active { + color: #e6e6fa; + background-color: #666f64; + border-color: transparent; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} +.notification-button:insensitive, .modal-dialog-button:insensitive { + color: rgba(230, 230, 250, 0.5); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.notification-icon-button, .keyboard-key, .sound-player StButton { + color: #e6e6fa; + background-color: #4e5848; + border-color: transparent; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; + min-height: 32px; + min-width: 32px; + padding: 6px; + border-radius: 0px; +} +.notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { + color: #e6e6fa; + background-color: #60695d; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); +} +.notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { + color: #e6e6fa; + background-color: #60695d; + border-color: transparent; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + text-shadow: none; + icon-shadow: none; +} +.notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { + color: #e6e6fa; + background-color: #666f64; + border-color: transparent; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} +.notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { + color: rgba(230, 230, 250, 0.5); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.slider, .popup-slider-menu-item, .sound-player .slider { + height: 20px; + color: #6daf22; + -slider-height: 2px; + -slider-background-color: rgba(230, 230, 250, 0.3); + -slider-border-color: transparent; + -slider-active-background-color: #6daf22; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 6px; +} + +.separator, .popup-separator-menu-item { + -gradient-height: 1px; + -gradient-start: rgba(230, 230, 250, 0.2); + -gradient-end: rgba(230, 230, 250, 0.2); + -margin-horizontal: 4px; + height: 1.5em; +} + +#notification StEntry, .run-dialog-entry, #menu-search-entry { + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); + width: 250px; + min-height: 32px; + padding: 0 8px; + border-radius: 0px 0px 0 0; + color: #e6e6fa; + caret-color: #e6e6fa; + selection-background-color: rgba(109, 175, 34, 0.32); + selected-color: #e6e6fa; +} +#notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #6daf22; + padding: 0 8px; + border-width: 0; + color: #e6e6fa; +} + +.desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { + color: #e6e6fa; + border: none; + padding: 12px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); +} + +.calendar-change-month-back, .calendar-change-month-forward { + width: 16px; + height: 16px; + border-radius: 999px; + transition-duration: 100ms; +} +.calendar-change-month-back:active, .calendar-change-month-forward:active { + background-color: rgba(230, 230, 250, 0.3); +} + +.menu, .popup-combo-menu { + background-color: #4e5848; + border-radius: 0px; + color: #e6e6fa; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); +} + +.menu-application-button-label:ltr, .menu-category-button-label:ltr { + padding-left: 4px; +} +.menu-application-button-label:rtl, .menu-category-button-label:rtl { + padding-right: 4px; +} + +.show-processes-dialog-subject, .mount-question-dialog-subject { + font-weight: bold; + color: #e6e6fa; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { + padding-left: 0; + padding-right: 17px; +} + +.show-processes-dialog-description, .mount-question-dialog-description { + color: #e6e6fa; + padding-left: 17px; + width: 28em; +} + +.check-box StBin, .check-box:focus StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url(assets/checkbox-off.svg); +} + +.radiobutton StBin, .radiobutton:focus StBin { + width: 20px; + height: 20px; + padding: 6px; + border-radius: 100px; + background-image: url(assets/radiobutton-off.svg); +} + +.tile-preview, .tile-hud { + background-color: rgba(0, 0, 0, 0.3); + border: 2px solid rgba(230, 230, 250, 0.2); +} + +.tile-preview.snap, .tile-hud.snap { + background-color: rgba(0, 0, 0, 0.3); + border: 2px solid #6daf22; +} + +#LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window, .overview-empty-placeholder, .info-osd, .workspace-osd { + color: #e6e6fa; + background-color: #4e5848; + border: none; + border-radius: 0px; + padding: 12px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); +} + +.overview-empty-placeholder, .info-osd, .workspace-osd { + font-size: 15pt; + font-weight: 500; + text-align: center; + padding: 8px 10px; +} + +stage { + font-size: 10.5pt; + font-weight: 400; + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + color: #e6e6fa; +} + +.cinnamon-link { + color: #6daf22; + font-style: italic; +} +.cinnamon-link:hover { + color: #6daf22; +} + +.label-shadow { + color: transparent; +} + +StScrollBar { + padding: 0px; +} +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + background-color: rgba(230, 230, 250, 0.5); + border-radius: 100px; + margin: 4px; +} +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: rgba(230, 230, 250, 0.7); +} +StScrollBar StBin#trough { + margin: 4px; + border-radius: 100px; + background-color: rgba(230, 230, 250, 0.2); +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} +StScrollView.hfade { + -st-hfade-offset: 32px; +} +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} + +#Tooltip { + font-size: 9pt; + font-weight: 400; + padding: 6px 8px; + color: #e6e6fa; + text-align: center; + border-radius: 0px; + background-color: rgba(63, 62, 62, 0.9); +} + +.menu { + min-width: 100px; + margin: 4px; +} + +.menu-top-box { + spacing: 5px; +} + +.menu-systembuttons-box { + padding: 10px; +} + +.popup-sub-menu { + background-color: rgba(230, 230, 250, 0.04); +} + +.popup-menu-arrow { + icon-size: 1.14em; +} + +.popup-combo-menu { + padding: 8px 0; +} + +.popup-menu-content { + padding: 8px 0; +} + +.popup-menu-item { + padding: 0.4em 16px; + spacing: 8px; + transition-duration: 100ms; +} +.popup-menu-item:active { + background-color: rgba(230, 230, 250, 0.12); + color: #e6e6fa; + transition-duration: 0ms; +} +.popup-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} + +.popup-image-menu-item { + color: rgba(230, 230, 250, 0.7); +} + +.popup-combobox-item { + padding: 0.4em 16px; +} + +.popup-device-menu-item { + spacing: 0.5em; +} + +.popup-inactive-menu-item { + color: #e6e6fa; +} +.popup-inactive-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} + +.popup-subtitle-menu-item { + font-size: 10.5pt; + font-weight: 500; +} + +.popup-menu-icon { + icon-size: 1.14em; +} + +.popup-alternating-menu-item:alternate { + font-size: 10.5pt; + font-weight: 500; +} + +.toggle-switch { + width: 40px; + height: 20px; +} + +.toggle-switch-us, .toggle-switch-intl { + background-image: url(assets/toggle-off.svg); +} +.toggle-switch-us:checked, .toggle-switch-intl:checked { + background-image: url(assets/toggle-on.svg); +} + +.nm-menu-item-icons { + spacing: 0.5em; + icon-size: 1.14em; +} + +#panel { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(0, 0, 0, 0.6); + height: 2.5em; + width: 3.2em; +} +#panel:highlight { + background-color: rgba(230, 230, 250, 0.3); +} + +.panel-dummy { + background-color: rgba(255, 0, 0, 0.6); +} +.panel-dummy:entered { + background-color: rgba(0, 255, 0, 0.6); +} + +.panelLeft { + spacing: 4px; +} +.panelLeft:dnd { + background-color: rgba(255, 0, 0, 0.6); +} +.panelLeft:ltr { + padding-right: 4px; +} +.panelLeft:rtl { + padding-left: 4px; +} +.panelLeft.vertical { + padding: 0; +} +.panelCenter { + spacing: 4px; +} +.panelCenter:dnd { + background-color: rgba(0, 255, 0, 0.6); +} +.panelCenter.vertical { + padding-left: 0; + padding-right: 0; +} +.panelRight { + spacing: 4px; +} +.panelRight:dnd { + background-color: rgba(0, 0, 255, 0.6); +} +.panelRight:ltr { + padding-left: 0; + spacing: 0; +} +.panelRight:rtl { + padding-right: 0; + spacing: 0; +} +.panelRight.vertical { + padding: 0; +} +.panel-top .window-list-item-box:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .grouped-window-list-item-box:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .grouped-window-list-item-box:focus:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .grouped-window-list-badge { + margin-top: 2px; +} +.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { + padding: 1px 4px; +} +.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .applet-box { + padding: 0 4px; +} +.panel-top .applet-box:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .panel-launchers .launcher:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} +.panel-top .applet-separator { + padding: 3px 4px; +} +.panel-top .systray:hover { + box-shadow: 0 4px 0 0 #6daf22 inset; +} + +.panel-bottom .window-list-item-box:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .grouped-window-list-item-box:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .grouped-window-list-item-box:focus:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { + padding: 1px 4px; +} +.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .applet-box { + padding: 0 4px; +} +.panel-bottom .applet-box:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .panel-launchers .launcher:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} +.panel-bottom .applet-separator { + padding: 3px 4px; +} +.panel-bottom .systray:hover { + box-shadow: 0 4px 0 0 #6daf22 inset; +} + +.panel-left .window-list-item-box:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .grouped-window-list-item-box:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .grouped-window-list-item-box:focus:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .grouped-window-list-badge { + margin-left: 2px; +} +.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { + padding: 4px 1px; + min-height: 1.2em; +} +.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .applet-box { + padding: 4px 0; +} +.panel-left .applet-box:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .panel-launchers .launcher:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} +.panel-left .applet-separator { + padding: 4px 3px; +} +.panel-left .systray:hover { + box-shadow: 4px 0 0 0 #6daf22 inset; +} + +.panel-right .window-list-item-box:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .grouped-window-list-item-box:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .grouped-window-list-item-box:focus:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { + padding: 4px 1px; + min-height: 1.2em; +} +.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .applet-box { + padding: 4px 0; +} +.panel-right .applet-box:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .panel-launchers .launcher:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} +.panel-right .applet-separator { + padding: 4px 3px; +} +.panel-right .systray:hover { + box-shadow: -4px 0 0 0 #6daf22 inset; +} + +.panel-status-button { + font-size: 10.5pt; + font-weight: 500; + -natural-hpadding: 4px; + -minimum-hpadding: 4px; + color: rgba(230, 230, 250, 0.7); +} +.panel-status-button:hover { + color: #e6e6fa; +} + +.system-status-icon { + icon-size: 1.14em; + padding: 0; + spacing: 0; +} +.system-status-icon.warning { + color: #ed9200; +} +.system-status-icon.error { + color: #ff7002; +} + +#overview { + spacing: 12px; +} + +.window-caption { + font-size: 9pt; + font-weight: 400; + background-color: rgba(0, 0, 0, 0.01); + color: rgba(230, 230, 250, 0.7); + padding: 4px 6px; + text-align: center; + height: 1.5em; + -cinnamon-caption-spacing: 12px; +} +.window-caption#selected, .window-caption:focus { + color: #e6e6fa; + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.workspace-controls { + visible-height: 32px; +} + +.workspace-thumbnails-background { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(255, 255, 255, 0.08); + border: none; + padding: 8px; + border-radius: 0px 0 0 0px; +} +.workspace-thumbnails-background:rtl { + border-radius: 0 0px 0px 0; +} + +.workspace-thumbnails { + spacing: 32px; +} + +.workspace-add-button { + background-image: url(assets/add-workspace.svg); + height: 200px; + width: 35px; + transition-duration: 100ms; +} +.workspace-add-button:hover { + background-image: url(assets/add-workspace-hover.svg); +} +.workspace-add-button:active { + background-image: url(assets/add-workspace-active.svg); +} + +.workspace-close-button, .window-close { + background-image: url(assets/window-close.svg); + height: 32px; + width: 32px; + -cinnamon-close-overlap: 20px; +} +.workspace-close-button:hover, .window-close:hover { + background-image: url(assets/window-close-hover.svg); +} +.workspace-close-button:active, .window-close:active { + background-image: url(assets/window-close-active.svg); +} +.workspace-close-button:rtl, .window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-border { + border: 1px solid rgba(230, 230, 250, 0.2); +} + +.window-close-area { + background-image: url(assets/trash-icon.png); + background-size: 100px; + background-color: rgba(0, 0, 0, 0.3); + border: 1px solid rgba(230, 230, 250, 0.2); + border-bottom-width: 0; + border-radius: 20px 20px 0 0; + height: 120px; + width: 400px; +} + +.expo-background { + background-color: rgba(0, 0, 0, 0.6); +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.6); +} + +.expo-workspace-thumbnail-frame { + border: 1px solid rgba(230, 230, 250, 0.2); +} +.expo-workspace-thumbnail-frame#active { + border: 1px solid #6daf22; +} + +#LookingGlassDialog { + spacing: 4px; + padding: 8px; +} + +.calendar { + padding: 4px 8px; + spacing-rows: 2px; + spacing-columns: 4px; +} + +.datemenu-date-label { + font-size: 15pt; + font-weight: 500; + height: 24px; + margin: 2px; + padding: 6px 16px; + border-radius: 0px; + color: #e6e6fa; + text-align: center; +} +.datemenu-date-label:focus { + background-color: rgba(230, 230, 250, 0.2); +} + +.calendar-month-label { + font-size: 10.5pt; + font-weight: 500; + height: 16px; + margin: 2px; + padding: 6px 16px; + border-radius: 0px; + color: #e6e6fa; + text-align: center; +} +.calendar-month-label:focus { + background-color: rgba(230, 230, 250, 0.2); +} + +.calendar-change-month-back { + background-image: url(assets/calendar-arrow-left.svg); +} +.calendar-change-month-back:rtl { + background-image: url(assets/calendar-arrow-right.svg); +} + +.calendar-change-month-forward { + background-image: url(assets/calendar-arrow-right.svg); +} +.calendar-change-month-forward:rtl { + background-image: url(assets/calendar-arrow-left.svg); +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: 100px; +} +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(230, 230, 250, 0.3); +} +.calendar-day-base:active { + color: #000; + background-color: #6daf22; + border-color: transparent; +} + +.calendar-week-number { + font-size: 9pt; + font-weight: 400; + width: 21px; + height: 28px; + margin: 2px; + padding: 0; + border-radius: 100px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + text-align: center; +} + +.calendar-day-heading { + font-size: 9pt; + font-weight: 400; + width: 28px; + height: 21px; + margin: 2px; + padding: 0; + border-radius: 100px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #e6e6fa; +} + +.calendar-today { + font-weight: bold; + border: none; +} + +.calendar-day-with-events { + color: #6daf22; + font-weight: normal; + text-decoration: underline; + background-image: none; +} + +.calendar-other-month-day { + color: rgba(230, 230, 250, 0.3); + opacity: 0.5; +} + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + font-size: inherit; + font-weight: bold; + text-align: center; +} + +#notification { + background-color: #4e5848; + border-radius: 0px; + border: 1px solid rgba(230, 230, 250, 0.2); + padding: 8px; + spacing-rows: 4px; + spacing-columns: 8px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #e6e6fa; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); +} +#notification.multi-line-notification { + padding-bottom: 8px; +} +#notification .url-highlighter { + link-color: #6daf22; +} + +.notification-with-image { + min-height: 159px; + color: #e6e6fa; +} + +#notification-scrollview { + max-height: 10em; +} +#notification-scrollview > .top-shadow { + height: 1em; +} +#notification-scrollview > .bottom-shadow { + height: 1em; +} +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 4px; +} + +#notification-actions { + spacing: 8px; +} + +.notification-icon-button > StIcon { + icon-size: 1.5em; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + transition-duration: 100ms; +} +.switcher-list .item-box { + padding: 8px; + border-radius: 0px; +} +.switcher-list .item-box:selected { + background-color: rgba(230, 230, 250, 0.2); +} +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} +.switcher-list .thumbnail { + width: 256px; +} +.switcher-list .separator { + width: 1px; + background: rgba(230, 230, 250, 0.2); +} + +.switcher-list-item-container { + spacing: 8px; +} + +.thumbnail-scroll-gradient-left { + background-gradient-direction: horizontal; + background-gradient-start: rgb(51, 51, 51); + background-gradient-end: rgba(51, 51, 51, 0); + border-radius: 0px; + border-radius-topright: 0; + border-radius-bottomright: 0; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 0); + background-gradient-end: rgb(51, 51, 51); + border-radius: 0px; + border-radius-topleft: 0; + border-radius-bottomleft: 0; + width: 60px; +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(230, 230, 250, 0.7); +} +.switcher-arrow:highlighted { + color: #e6e6fa; +} + +.switcher-preview-backdrop { + background-color: rgba(0, 0, 0, 0.6); +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url(assets/corner-ripple.png); + background-color: #6daf22; + border-radius: 52px; +} + +.modal-dialog { + padding: 16px 20px; +} + +.modal-dialog-button-box { + spacing: 16px; +} + +.run-dialog-label { + color: rgba(230, 230, 250, 0.7); + padding-bottom: 0.4em; +} + +.run-dialog-error-label { + color: #ff7002; +} + +.run-dialog-error-box { + padding-top: 16px; + spacing: 6px; +} + +.run-dialog-completion-box { + padding-left: 15px; +} + +.run-dialog { + border-radius: 0px; + padding: 16px 20px; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.3); +} + +.cinnamon-mount-operation-icon { + icon-size: 4.8em; +} + +.mount-password-reask { + color: #ed9200; +} + +.show-processes-dialog { + spacing: 24px; +} + +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-description:rtl { + padding-right: 17px; +} + +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #e6e6fa; +} +.show-processes-dialog-app-list-item:hover { + color: #e6e6fa; +} +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.magnifier-zoom-region { + border: 3px solid rgba(230, 230, 250, 0.2); +} +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.6); +} + +.keyboard-key { + font-size: 10.5pt; + font-weight: 500; +} + +.keyboard-layout { + spacing: 8px; + padding: 8px; +} + +.keyboard-row { + spacing: 16px; +} + +.keyboard-subkeys { + color: inherit; + padding: 5px; + -arrow-border-radius: 0; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 0; + -arrow-rise: 0; + -boxpointer-gap: 5px; + background-color: #4e5848; + border-radius: 0px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); +} + +.menu-favorites-box { + padding: 8px; +} + +.menu-favorites-button { + padding: 0.4em 4px; +} +.menu-favorites-button:hover { + background-color: rgba(230, 230, 250, 0.2); + border-radius: 0px; + color: #e6e6fa; +} + +.menu-categories-box { + padding: 8px; +} + +.menu-applications-inner-box { + padding: 8px; +} + +.menu-applications-outer-box { + padding: 8px; + border-radius: 0px; +} + +.menu-application-button { + padding: 0.4em 4px; +} +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + padding: 0.4em 4px; + background-color: rgba(230, 230, 250, 0.2); + border-radius: 0px; + color: #e6e6fa; +} +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-category-button { + padding: 0.4em 4px; +} + +.menu-category-button-greyed { + padding: 0.4em 4px; + color: rgba(230, 230, 250, 0.7); + font-style: italic; +} + +.menu-category-button-selected { + padding: 0.4em 4px; + background-color: rgba(230, 230, 250, 0.2); + border-radius: 0px; + color: #e6e6fa; +} +.menu-selected-app-box { + padding: 8px; + margin-bottom: 4px; + text-align: right; +} +.menu-selected-app-box:rtl { + text-align: left; +} + +.menu-selected-app-title { + font-size: 9pt; + font-weight: 400; +} + +.menu-selected-app-description { + font-size: 9pt; + font-weight: 400; + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; + padding-bottom: 5px; + padding-top: 5px; +} +.menu-search-box:rtl { + padding-right: 30px; + padding-bottom: 5px; + padding-top: 5px; +} + +.menu-search-entry-icon { + icon-size: 1em; + padding: 0 0; + color: rgba(230, 230, 250, 0.5); +} + +.window-list-box { + font-size: 9pt; + font-weight: 400; + spacing: 4px; + padding: 0 3px; +} +.window-list-box.vertical { + spacing: 4px; + padding: 3px 0; +} +.window-list-box:highlight { + background: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} + +.window-list-item-box { + background-color: rgba(0, 0, 0, 0.01); + transition-duration: 100ms; +} +.window-list-item-box:hover { + color: #e6e6fa; +} +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { + background-color: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { + color: #e6e6fa; +} +.window-list-item-box .progress { + background-color: #6daf22; +} + +.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 3px; +} + +.window-list-item-demands-attention { + background-color: #3f3e3e; + color: rgba(230, 230, 250, 0.7); +} + +.window-list-preview { + background-color: #4e5848; + border-radius: 0px; + padding: 10px 15px; + spacing: 1em; + color: #e6e6fa; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); +} + +.grouped-window-list-thumbnail-label { + padding-left: 3px; + padding-bottom: 6px; +} +.grouped-window-list-number-label { + font-size: 9pt; + font-weight: 400; + z-index: 99; +} +.grouped-window-list-list-button-label { + padding-left: 3px; +} +.grouped-window-list-badge { + border-radius: 9999px; + background-color: #1f1e1e; +} +.grouped-window-list-thumbnail-alert { + background: #ed9200; +} +.grouped-window-list-item-box { + background-color: rgba(0, 0, 0, 0.01); + transition-duration: 100ms; +} +.grouped-window-list-item-box:hover { + color: #e6e6fa; +} +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + background-color: rgba(230, 230, 250, 0.2); +} +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { + color: #e6e6fa; +} +.grouped-window-list-item-box:focus { + background-color: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} +.grouped-window-list-item-box:focus:hover { + color: #e6e6fa; +} +.grouped-window-list-item-box .progress { + background-color: #6daf22; +} +.grouped-window-list-item-demands-attention { + background-color: #3f3e3e; + color: rgba(230, 230, 250, 0.7); +} +.grouped-window-list-thumbnail-menu { + padding: 20px; + border: none; + border-radius: 0px; + color: rgba(230, 230, 250, 0.7); + background: none; +} +.grouped-window-list-thumbnail-menu .item-box { + padding: 8px; + spacing: 2px; + border-radius: 0px; +} +.grouped-window-list-thumbnail-menu .item-box:outlined { + border: 2px solid rgba(230, 230, 250, 0.2); + color: #e6e6fa; +} +.grouped-window-list-thumbnail-menu .item-box:selected { + background: rgba(230, 230, 250, 0.2); + color: #e6e6fa; +} +.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { + margin: 1px 0 0 6px; +} +.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { + margin: 1px 6px 0 0; +} +.grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { + padding-bottom: 2px; +} +.grouped-window-list-thumbnail-menu .item-box > StButton:ltr { + margin: 1px 6px 0 0; +} +.grouped-window-list-thumbnail-menu .item-box > StButton:rtl { + margin: 1px 0 0 6px; +} +.grouped-window-list-thumbnail-menu .thumbnail-box { + padding: 2px; +} +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(230, 230, 250, 0.2); +} + +.sound-player StButton:small { + min-width: 24px; + min-height: 24px; + padding: 4px; +} +.sound-player StButton:small StIcon { + icon-size: 1em; +} +.sound-player StButton StIcon { + icon-size: 1.5em; +} +.sound-player .slider { + height: 5px; +} +.sound-player StBoxLayout { + spacing: 0.5em; +} +.sound-player > StBoxLayout { + padding: 5px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + background-color: #4e5848; + min-width: 300px; + padding: 12px 16px; + spacing: 0.5em; + color: rgba(230, 230, 250, 0.7); +} + +.workspace-button { + background-color: #1f1e1e; + width: 2em; + height: 1em; + color: rgba(230, 230, 250, 0.7); + margin: 2px; +} +.workspace-button:outlined { + background-color: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} + +.workspace-graph { + background-color: rgba(0, 0, 0, 0.6); +} +.workspace-graph .workspace { + background-color: #1f1e1e; + border: 1px solid rgba(230, 230, 250, 0.2); +} +.workspace-graph .workspace:active { + background-color: rgba(230, 230, 250, 0.3); + border: 1px solid rgba(230, 230, 250, 0.2); +} +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.8); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(140, 140, 140, 0.8); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} +.workspace-graph .workspace .windows { + -active-window-background: rgba(140, 140, 140, 0.8); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(140, 140, 140, 0.8); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +.panel-launchers { + padding: 0 4px; + spacing: 4px; + transition-duration: 100ms; +} +.panel-launchers .launcher { + background-color: rgba(0, 0, 0, 0.01); +} +.panel-launchers.vertical { + padding: 4px 0; + spacing: 4px; +} +.panel-launchers.vertical .launcher .icon-box { + padding-top: 0; +} + +.applet-separator-line, .applet-separator-line-vertical { + width: 2px; + background: rgba(230, 230, 250, 0.2); +} + +.applet-spacer:highlight { + background: rgba(255, 255, 255, 0.05); +} + +.applet-box { + background-color: rgba(0, 0, 0, 0.01); + color: rgba(230, 230, 250, 0.7); + transition-duration: 100ms; +} +.applet-box:checked { + color: #e6e6fa; +} +.applet-box:checked .applet-label { + color: #e6e6fa; +} +.applet-box:hover { + color: #e6e6fa; +} +.applet-box:hover .applet-label { + color: #e6e6fa; +} +.applet-box:highlight { + background: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} +.applet-box:highlight .applet-label { + color: #e6e6fa; +} + +.applet-label { + font-size: 10.5pt; + font-weight: 500; + color: rgba(230, 230, 250, 0.7); +} + +.applet-icon { + color: rgba(230, 230, 250, 0.7); + padding: 0; + spacing: 0; + icon-size: 22px; +} + +.desklet { + font-size: 9pt; + font-weight: 400; + color: #e6e6fa; + border: none; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + padding: 12px; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0px; +} + +.desklet-with-borders { + font-size: 9pt; + font-weight: 400; + background-color: #4e5848; + border-radius: 0px; +} +.desklet-with-borders:highlight { + background-color: rgba(255, 255, 255, 0.05); +} + +.desklet-with-borders-and-header { + font-size: 9pt; + font-weight: 400; + background-color: #4e5848; + border-radius-bottomleft: 2px; + border-radius-bottomright: 2px; +} +.desklet-with-borders-and-header:highlight { + background-color: rgba(255, 255, 255, 0.05); +} + +.desklet-header { + font-size: 15pt; + font-weight: 500; + background-color: #4e5848; + border-radius-topleft: 2px; + border-radius-topright: 2px; +} +.desklet-header:highlight { + background-color: rgba(255, 255, 255, 0.05); +} + +.photoframe-box { + background-color: #4e5848; + border-radius: 0px; +} +.photoframe-box:highlight { + background-color: rgba(255, 255, 255, 0.05); +} + +.desklet-drag-placeholder { + border: 2px solid #6daf22; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0px; +} + +.launcher { + padding: 1px; +} +.launcher .icon-box { + padding-top: 2px; +} + +.about-content { + min-width: 250px; + min-height: 150px; + spacing: 8px; + padding-bottom: 16px; +} + +.about-title { + font-size: 15pt; + font-weight: 500; +} + +.about-uuid { + font-size: 9pt; + font-weight: 400; +} + +.about-icon { + padding-right: 20px; +} + +.about-scrollBox { + border: 1px solid rgba(230, 230, 250, 0.2); + border-radius: 0px; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; +} + +.about-version { + padding-left: 7px; +} + +.expo-workspaces-name-entry { + font-size: 11.25pt; + font-weight: 400; + background-color: rgba(255, 255, 255, 0.04); + color: #fff; + padding: 0 8px; + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: #fff; + caret-color: #fff; + text-align: center; + height: 32px; + border-radius: 0px 0px 0 0; + -cinnamon-caption-spacing: 12px; +} +.expo-workspaces-name-entry#selected { + color: #fff; + background-color: rgba(255, 255, 255, 0.3); +} +.expo-workspaces-name-entry:focus { + color: #fff; + box-shadow: inset 0 -2px #fff; +} +.expo-workspaces-name-entry:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +.notification-applet-padding { + padding: 0.5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.check-box CinnamonGenericContainer { + spacing: 8px; +} +.check-box:focus:checked StBin { + background-image: url(assets/checkbox.svg); +} +.check-box:checked StBin { + background-image: url(assets/checkbox.svg); +} + +.radiobutton CinnamonGenericContainer { + spacing: 8px; +} +.radiobutton:focus:checked StBin { + background-image: url(assets/radiobutton.svg); +} +.radiobutton:checked StBin { + background-image: url(assets/radiobutton.svg); +} + +.flashspot { + background-color: #6daf22; +} + +.osd-window { + spacing: 1em; + padding: 16px; +} +.osd-window .level { + height: 0.7em; + border-radius: 0.3em; + background-color: rgba(230, 230, 250, 0.3); +} +.osd-window .level-bar { + border-radius: 0.3em; + background-color: #6daf22; +} + +.tile-hud:top { + border-top-width: 0; + border-radius: 0 0 10px 10px; +} +.tile-hud:bottom { + border-bottom-width: 0; + border-radius: 0px 0px 0 0; +} +.tile-hud:left { + border-left-width: 0; + border-radius: 0 10px 10px 0; +} +.tile-hud:right { + border-right-width: 0; + border-radius: 10px 0 0 10px; +} +.tile-hud:top-left { + border-top-width: 0; + border-left-width: 0; + border-radius: 0 0 10px 0; +} +.tile-hud:top-right { + border-top-width: 0; + border-right-width: 0; + border-radius: 0 0 0 10px; +} +.tile-hud:bottom-left { + border-bottom-width: 0; + border-left-width: 0; + border-radius: 0 10px 0 0; +} +.tile-hud:bottom-right { + border-bottom-width: 0; + border-right-width: 0; + border-radius: 10px 0 0 0; +} + +.systray { + spacing: 4px; +} + +.user-box { + padding: 0.4em 1.3em; + spacing: 10px; +} + +.user-icon { + padding: 4px; + border: none; +} + +.user-label { + font-size: 10.5pt; + font-weight: 500; + color: #e6e6fa; +} diff --git a/cinnamon/thumbnail.png b/cinnamon/thumbnail.png new file mode 100644 index 0000000..ac66aa1 Binary files /dev/null and b/cinnamon/thumbnail.png differ diff --git a/gnome-shell/assets/calendar-arrow-left.svg b/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..fe78461 --- /dev/null +++ b/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/calendar-arrow-right.svg b/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..e191ec9 --- /dev/null +++ b/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/calendar-event.svg b/gnome-shell/assets/calendar-event.svg new file mode 100644 index 0000000..b449cb8 --- /dev/null +++ b/gnome-shell/assets/calendar-event.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/checkbox-off.svg b/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..3f35c68 --- /dev/null +++ b/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/checkbox.svg b/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..34b7b15 --- /dev/null +++ b/gnome-shell/assets/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/close.svg b/gnome-shell/assets/close.svg new file mode 100644 index 0000000..e8e19c7 --- /dev/null +++ b/gnome-shell/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash-placeholder.svg b/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..0e2888d --- /dev/null +++ b/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/bottom-running1-focused.svg b/gnome-shell/assets/dash/bottom-running1-focused.svg new file mode 100644 index 0000000..f764245 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/bottom-running1.svg b/gnome-shell/assets/dash/bottom-running1.svg new file mode 100644 index 0000000..74fcc9e --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/bottom-running2-focused.svg b/gnome-shell/assets/dash/bottom-running2-focused.svg new file mode 100644 index 0000000..538300c --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/bottom-running2.svg b/gnome-shell/assets/dash/bottom-running2.svg new file mode 100644 index 0000000..3d95014 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/bottom-running3-focused.svg b/gnome-shell/assets/dash/bottom-running3-focused.svg new file mode 100644 index 0000000..3dd1c5c --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/bottom-running3.svg b/gnome-shell/assets/dash/bottom-running3.svg new file mode 100644 index 0000000..4423834 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/bottom-running4-focused.svg b/gnome-shell/assets/dash/bottom-running4-focused.svg new file mode 100644 index 0000000..06cd06a --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/bottom-running4.svg b/gnome-shell/assets/dash/bottom-running4.svg new file mode 100644 index 0000000..30e1029 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/left-running1-focused.svg b/gnome-shell/assets/dash/left-running1-focused.svg new file mode 100644 index 0000000..1bc6d50 --- /dev/null +++ b/gnome-shell/assets/dash/left-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/left-running1.svg b/gnome-shell/assets/dash/left-running1.svg new file mode 100644 index 0000000..e6520af --- /dev/null +++ b/gnome-shell/assets/dash/left-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/left-running2-focused.svg b/gnome-shell/assets/dash/left-running2-focused.svg new file mode 100644 index 0000000..b2cbe87 --- /dev/null +++ b/gnome-shell/assets/dash/left-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/left-running2.svg b/gnome-shell/assets/dash/left-running2.svg new file mode 100644 index 0000000..6e020b5 --- /dev/null +++ b/gnome-shell/assets/dash/left-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/left-running3-focused.svg b/gnome-shell/assets/dash/left-running3-focused.svg new file mode 100644 index 0000000..199c702 --- /dev/null +++ b/gnome-shell/assets/dash/left-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/left-running3.svg b/gnome-shell/assets/dash/left-running3.svg new file mode 100644 index 0000000..036db6e --- /dev/null +++ b/gnome-shell/assets/dash/left-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/left-running4-focused.svg b/gnome-shell/assets/dash/left-running4-focused.svg new file mode 100644 index 0000000..dedaee0 --- /dev/null +++ b/gnome-shell/assets/dash/left-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/left-running4.svg b/gnome-shell/assets/dash/left-running4.svg new file mode 100644 index 0000000..047be09 --- /dev/null +++ b/gnome-shell/assets/dash/left-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/right-running1-focused.svg b/gnome-shell/assets/dash/right-running1-focused.svg new file mode 100644 index 0000000..b062b75 --- /dev/null +++ b/gnome-shell/assets/dash/right-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/right-running1.svg b/gnome-shell/assets/dash/right-running1.svg new file mode 100644 index 0000000..edfea7b --- /dev/null +++ b/gnome-shell/assets/dash/right-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/right-running2-focused.svg b/gnome-shell/assets/dash/right-running2-focused.svg new file mode 100644 index 0000000..680f55e --- /dev/null +++ b/gnome-shell/assets/dash/right-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/right-running2.svg b/gnome-shell/assets/dash/right-running2.svg new file mode 100644 index 0000000..bfda115 --- /dev/null +++ b/gnome-shell/assets/dash/right-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/right-running3-focused.svg b/gnome-shell/assets/dash/right-running3-focused.svg new file mode 100644 index 0000000..7017dd6 --- /dev/null +++ b/gnome-shell/assets/dash/right-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/right-running3.svg b/gnome-shell/assets/dash/right-running3.svg new file mode 100644 index 0000000..54f7109 --- /dev/null +++ b/gnome-shell/assets/dash/right-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/right-running4-focused.svg b/gnome-shell/assets/dash/right-running4-focused.svg new file mode 100644 index 0000000..7c73c6e --- /dev/null +++ b/gnome-shell/assets/dash/right-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/right-running4.svg b/gnome-shell/assets/dash/right-running4.svg new file mode 100644 index 0000000..00d6b01 --- /dev/null +++ b/gnome-shell/assets/dash/right-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/top-running1-focused.svg b/gnome-shell/assets/dash/top-running1-focused.svg new file mode 100644 index 0000000..4ed5ba8 --- /dev/null +++ b/gnome-shell/assets/dash/top-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/top-running1.svg b/gnome-shell/assets/dash/top-running1.svg new file mode 100644 index 0000000..8001736 --- /dev/null +++ b/gnome-shell/assets/dash/top-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/top-running2-focused.svg b/gnome-shell/assets/dash/top-running2-focused.svg new file mode 100644 index 0000000..4e3ebb2 --- /dev/null +++ b/gnome-shell/assets/dash/top-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/top-running2.svg b/gnome-shell/assets/dash/top-running2.svg new file mode 100644 index 0000000..262cb79 --- /dev/null +++ b/gnome-shell/assets/dash/top-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/top-running3-focused.svg b/gnome-shell/assets/dash/top-running3-focused.svg new file mode 100644 index 0000000..68088d8 --- /dev/null +++ b/gnome-shell/assets/dash/top-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/top-running3.svg b/gnome-shell/assets/dash/top-running3.svg new file mode 100644 index 0000000..94b839f --- /dev/null +++ b/gnome-shell/assets/dash/top-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/top-running4-focused.svg b/gnome-shell/assets/dash/top-running4-focused.svg new file mode 100644 index 0000000..2481421 --- /dev/null +++ b/gnome-shell/assets/dash/top-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/top-running4.svg b/gnome-shell/assets/dash/top-running4.svg new file mode 100644 index 0000000..cf37903 --- /dev/null +++ b/gnome-shell/assets/dash/top-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/key-enter.svg b/gnome-shell/assets/key-enter.svg new file mode 100644 index 0000000..6b1dc1e --- /dev/null +++ b/gnome-shell/assets/key-enter.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-hide.svg b/gnome-shell/assets/key-hide.svg new file mode 100644 index 0000000..45ecf6a --- /dev/null +++ b/gnome-shell/assets/key-hide.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-layout.svg b/gnome-shell/assets/key-layout.svg new file mode 100644 index 0000000..651dc74 --- /dev/null +++ b/gnome-shell/assets/key-layout.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-shift-latched-uppercase.svg b/gnome-shell/assets/key-shift-latched-uppercase.svg new file mode 100644 index 0000000..9006d0e --- /dev/null +++ b/gnome-shell/assets/key-shift-latched-uppercase.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-shift-uppercase.svg b/gnome-shell/assets/key-shift-uppercase.svg new file mode 100644 index 0000000..0bbcd87 --- /dev/null +++ b/gnome-shell/assets/key-shift-uppercase.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-shift.svg b/gnome-shell/assets/key-shift.svg new file mode 100644 index 0000000..662eac8 --- /dev/null +++ b/gnome-shell/assets/key-shift.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/menu-item-toggle-off.svg b/gnome-shell/assets/menu-item-toggle-off.svg new file mode 100644 index 0000000..a1ae89c --- /dev/null +++ b/gnome-shell/assets/menu-item-toggle-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/menu-item-toggle-on.svg b/gnome-shell/assets/menu-item-toggle-on.svg new file mode 100644 index 0000000..9df5a45 --- /dev/null +++ b/gnome-shell/assets/menu-item-toggle-on.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/no-events.svg b/gnome-shell/assets/no-events.svg new file mode 100644 index 0000000..709dc15 --- /dev/null +++ b/gnome-shell/assets/no-events.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/no-notifications.svg b/gnome-shell/assets/no-notifications.svg new file mode 100644 index 0000000..c655af5 --- /dev/null +++ b/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/toggle-off.svg b/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..d2b46d7 --- /dev/null +++ b/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gnome-shell/assets/toggle-on.svg b/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..a33f2e0 --- /dev/null +++ b/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gnome-shell/assets/window-close.svg b/gnome-shell/assets/window-close.svg new file mode 100644 index 0000000..aa49e83 --- /dev/null +++ b/gnome-shell/assets/window-close.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css b/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css new file mode 100644 index 0000000..2f3aa20 --- /dev/null +++ b/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css @@ -0,0 +1,519 @@ +#workspacestodockTriggerSpacer { + background-color: none; +} + +#workspacestodockContainerWrapper { + background-color: none; +} + +#workspacestodockContainer { + background-color: none; +} + +#workspacestodockDockWrapper { +} + +#workspacestodockDock { + padding: 0; +} + +#workspacestodockDock .workspace-thumbnails { + background-color: #37474F; + background-color: rgba(0, 0, 0, 0.6); +} + +#workspacestodockDock:overview .workspace-thumbnails { + background-color: rgba(255, 255, 255, 0.1); +} + +#workspacestodockDock.fullheight:overview .workspace-thumbnails { + background-color: transparent; +} + +#workspacestodockDock .workspace-thumbnail-indicator { + border-left-width: 0; +} + +#workspacestodockDock.right .workspace-thumbnail-indicator { + border-left-width: 2px; +} + +#workspacestodockDock.left .workspace-thumbnail-indicator { + border-right-width: 2px; +} + +#workspacestodockDock.top .workspace-thumbnail-indicator { + border-bottom-width: 2px; +} + +#workspacestodockDock.bottom .workspace-thumbnail-indicator { + border-top-width: 2px; +} + +#workspacestodockDock.right .workspace-thumbnails { + border-radius: 4px 0 0 4px; +} + +#workspacestodockDock.left .workspace-thumbnails { + border-radius: 0 4px 4px 0; +} + +#workspacestodockDock.top .workspace-thumbnails { + border-radius: 0 0 4px 4px; +} + +#workspacestodockDock.bottom .workspace-thumbnails { + border-radius: 4px 4px 0 0; +} + +#workspacestodockDock.right.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.left.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.top.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.bottom.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.right.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.left.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.top.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.bottom.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock .workspacestodock-shortcuts-panel { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +#workspacestodockDock.right .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-left: 1px; + border-right: none; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-left: none; + border-right: 1px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-top: none; + border-bottom: 1px; +} + +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-top: 1px; + border-bottom: none; +} + +#workspacestodockDock.right.inside .workspacestodock-shortcuts-panel { + border-radius: 4px 0 0 4px; + padding: 0; + spacing: 0; + border-left: none; + border-right: 1px; +} + +#workspacestodockDock.left.inside .workspacestodock-shortcuts-panel { + border-radius: 0 4px 4px 0; + padding: 0; + spacing: 0; + border-left: 1px; + border-right: none; +} + +#workspacestodockDock.top.inside .workspacestodock-shortcuts-panel { + border-radius: 0 0 4px 4px; + padding: 0; + spacing: 0; + border-top: 1px; + border-bottom: none; +} + +#workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel { + border-radius: 4px 4px 0 0; + padding: 0; + spacing: 0; + border-top: none; + border-bottom: 1px; +} + +#workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock .workspacestodock-shortcuts-panel > * { + border: 0 !important; +} + +.workspacestodock-shortcuts-panel-popupmenu { + padding: 2px; + spacing: 0; +} + +.workspacestodock-shortcuts-panel-favorites { +} + +.workspacestodock-shortcuts-panel-running { +} + +.workspacestodock-shortcuts-panel-places { +} + +/* shortcuts panel buttons */ +#workspacestodockDock .app-well-app { +} + +#workspacestodockDock .workspacestodock-shortcuts-panel > StButton { + background-size: cover; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton, +#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton { + padding: 3px 6px; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child, +#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child { + padding: 6px 6px 3px 6px; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child, +#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child { + padding: 3px 6px 6px 6px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton, +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton { + padding: 6px 3px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child, +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child { + padding: 6px 3px 6px 6px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child, +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child { + padding: 6px 6px 6px 3px; +} + +.workspacestodock-shortcut-button { +} + +.workspacestodock-shortcut-button-symbolic { +} + +/* shortcuts panel button icons */ +#workspacestodockDock .app-well-app > .overview-icon { +} + +.workspacestodock-shortcut-button-icon { + padding: 6px; +} + +.workspacestodock-shortcut-button-symbolic-icon { + padding: 8px; +} + +/* shortcuts panel items */ +#workspacestodockDock .popup-separator-menu-item { + margin: 0; +} + +.workspacestodock-shortcut-panel-separator { + -margin-horizontal: 0; +} + +.workspacestodock-shortcut-panel-filler { + -margin-horizontal: 0; + height: 0; + padding: 0; + border: none; +} + +/* shortcuts panel button window count indicators */ +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/right-running1.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/left-running1.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/top-running1.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/bottom-running1.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/right-running2.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/left-running2.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/top-running2.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/bottom-running2.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/right-running3.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/left-running3.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/top-running3.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/bottom-running3.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/right-running4.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/left-running4.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/top-running4.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/bottom-running4.svg"); +} + +.workspacestodock-workspace-caption-container { + padding: 0; +} + +.workspacestodock-workspace-caption-background { + background-color: rgba(0, 0, 0, 0.6); + /* border-radius: 0 0 4px 4px; */ +} + +.workspacestodock-workspace-caption-background.caption-top { + /* border-radius: 4px 4px 0 0; */ +} + +.workspacestodock-workspace-caption { +} + +/* caption window apps (taskbar) */ +.workspacestodock-caption-windowapps { + padding: 0; +} + +.workspacestodock-caption-windowapps-menu { + -boxpointer-gap: 12px; +} + +.workspacestodock-caption-windowapps-menu .popup-menu-item { + min-height: 24px; + padding-top: 4px; + padding-bottom: 4px; +} + +.workspacestodock-caption-windowapps-menu .popup-menu-item:active { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active { + background-color: rgba(0, 0, 0, 0.24); +} + +.workspacestodock-caption-windowapps-menu-item { + /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */ +} + +.workspacestodock-caption-windowapps-menu-item:active { + /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */ +} + +.workspacestodock-caption-windowapps-menu-icon { +} + +.workspacestodock-caption-windowapps-menu-label { + padding: 0 8px; +} + +.workspacestodock-caption-windowapps-menu .window-close { + /* GS36+ can override gnome shell class 'window-close' */ + border-radius: 100px; + -st-background-image-shadow: none; + background-image: url("../../assets/close.svg"); + background-size: 24px; + height: 24px; + width: 24px; +} + +.workspacestodock-caption-windowapps-menu .window-close:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspacestodock-caption-windowapps-menu .window-close:active { + background-color: rgba(0, 0, 0, 0.24); +} + +.workspacestodock-caption-windowapps-menu-close { + /*fallback class for GS34 since it can't override gnome shell class 'window-close' */ +} + +.workspacestodock-caption-windowapps-menu-close:hover { + /*fallback class for GS34 since it can't override gnome shell class 'window-close' */ +} + +.workspacestodock-caption-windowapps-button { + padding: 0; +} + +.workspacestodock-caption-windowapps-button-icon { + padding: 2px; + background-color: rgba(0, 0, 0, 0.01); /* needs to draw box-shadow */ +} + +.workspacestodock-caption-windowapps-button:active > .workspacestodock-caption-windowapps-button-icon { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); +} + +.workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon { + box-shadow: inset 0 -2px #FFFFFF; +} + +/* caption workspace number */ +.workspacestodock-caption-number { + margin: 1px; + padding: 0 10px; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.3); + color: #FFFFFF; + font-size: 9pt; + font-weight: bold; + text-align: center; +} + +/* caption workspace name */ +.workspacestodock-caption-name { + margin: 0 4px; + color: rgba(255, 255, 255, 0.6); + font-size: 9pt; + text-align: center; +} + +/* caption workspace windowcount */ +.workspacestodock-caption-windowcount { + /* min-width: 16px; */ + margin: 0px 4px; + padding: 0px 4px; + color: #FFFFFF; + font-size: 9pt; + font-weight: bold; + text-align: center; +} + +/* caption workspace windowcount image*/ +.workspacestodock-caption-windowcount-image { + width: 20px; + height: 20px; + margin: 1px; + border-radius: 0; + background-color: #FF4081; + color: #FFFFFF; + font-size: 9pt; + font-weight: bold; + text-align: center; +} + +/* The classes below are used in conjunction with the above workspacestodock-caption-windowcount-image + * They provide background images that corespond with the window count */ +.workspacestodock-caption-windowcount-image-1 { +} + +.workspacestodock-caption-windowcount-image-2 { +} + +.workspacestodock-caption-windowcount-image-3 { +} + +.workspacestodock-caption-windowcount-image-4 { +} + +/* caption spacer-filler */ +.workspacestodock-caption-spacer { + width: 4px; +} + +/* The classes below are used in conjuction with the above classes + * They provide additional theming for the current workspace caption */ +.workspacestodock-workspace-caption-background-current { +} + +.workspacestodock-workspace-caption-background-current.caption-top { +} + +.workspacestodock-caption-number-current { + /* background-color: #42A5F5; */ +} + +.workspacestodock-caption-name-current { +} + +.workspacestodock-caption-windowcount-current { +} + +.workspacestodock-caption-windowcount-image-current { +} diff --git a/gnome-shell/gnome-shell-start.svg b/gnome-shell/gnome-shell-start.svg new file mode 100644 index 0000000..54f474e --- /dev/null +++ b/gnome-shell/gnome-shell-start.svg @@ -0,0 +1,343 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gnome-shell/gnome-shell-theme.gresource.xml b/gnome-shell/gnome-shell-theme.gresource.xml new file mode 100644 index 0000000..56a74c7 --- /dev/null +++ b/gnome-shell/gnome-shell-theme.gresource.xml @@ -0,0 +1,79 @@ + + + + assets/dash/bottom-running1.svg + assets/dash/bottom-running1-focused.svg + assets/dash/bottom-running2.svg + assets/dash/bottom-running2-focused.svg + assets/dash/bottom-running3.svg + assets/dash/bottom-running3-focused.svg + assets/dash/bottom-running4.svg + assets/dash/bottom-running4-focused.svg + assets/dash/left-running1.svg + assets/dash/left-running1-focused.svg + assets/dash/left-running2.svg + assets/dash/left-running2-focused.svg + assets/dash/left-running3.svg + assets/dash/left-running3-focused.svg + assets/dash/left-running4.svg + assets/dash/left-running4-focused.svg + assets/dash/right-running1.svg + assets/dash/right-running1-focused.svg + assets/dash/right-running2.svg + assets/dash/right-running2-focused.svg + assets/dash/right-running3.svg + assets/dash/right-running3-focused.svg + assets/dash/right-running4.svg + assets/dash/right-running4-focused.svg + assets/dash/top-running1.svg + assets/dash/top-running1-focused.svg + assets/dash/top-running2.svg + assets/dash/top-running2-focused.svg + assets/dash/top-running3.svg + assets/dash/top-running3-focused.svg + assets/dash/top-running4.svg + assets/dash/top-running4-focused.svg + assets/calendar-arrow-left.svg + assets/calendar-arrow-right.svg + assets/calendar-event.svg + assets/checkbox.svg + assets/checkbox-off.svg + assets/close.svg + assets/dash-placeholder.svg + assets/key-enter.svg + assets/key-hide.svg + assets/key-layout.svg + assets/key-shift.svg + assets/key-shift-uppercase.svg + assets/key-shift-latched-uppercase.svg + assets/menu-item-toggle-off.svg + assets/menu-item-toggle-on.svg + assets/no-events.svg + assets/no-notifications.svg + assets/toggle-off.svg + assets/toggle-on.svg + assets/window-close.svg + extensions/workspaces-to-dock/workspaces-to-dock.css + gnome-shell.css + gnome-shell-start.svg + icons/scalable/actions/color-pick.svg + icons/scalable/actions/pointer-double-click-symbolic.svg + icons/scalable/actions/pointer-drag-symbolic.svg + icons/scalable/actions/pointer-primary-click-symbolic.svg + icons/scalable/actions/pointer-secondary-click-symbolic.svg + icons/scalable/actions/preview-close-symbolic.svg + icons/scalable/status/carousel-arrow-back-24-symbolic.svg + icons/scalable/status/carousel-arrow-next-24-symbolic.svg + icons/scalable/status/eye-not-looking-symbolic.svg + icons/scalable/status/eye-open-negative-filled-symbolic.svg + icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg + icons/scalable/status/keyboard-enter-symbolic.svg + icons/scalable/status/keyboard-hide-symbolic.svg + icons/scalable/status/keyboard-layout-filled-symbolic.svg + icons/scalable/status/keyboard-shift-filled-symbolic.svg + icons/scalable/status/message-indicator-symbolic.svg + noise-texture.png + pad-osd.css + process-working.svg + + diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..012358f --- /dev/null +++ b/gnome-shell/gnome-shell.css @@ -0,0 +1,3322 @@ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +stage { + color: #e6e6fa; + font-size: 1em; +} + +.shell-link { + transition-duration: 100ms; + border-radius: 0px; + color: #6daf22; +} +.shell-link:hover { + background-color: rgba(109, 175, 34, 0.12); + color: #6daf22; +} +.shell-link:active { + transition-duration: 200ms; + background-color: rgba(109, 175, 34, 0.16); + color: #6daf22; +} + +.lowres-icon { + icon-shadow: none; +} + +.icon-dropshadow { + icon-shadow: none; +} + +/* Entries */ +.lg-dialog StEntry, +StEntry { + min-height: 32px; + padding: 0 8px; + border-width: 0; + border-radius: 0px 0px 0 0; + color: #e6e6fa; + selection-background-color: rgba(109, 175, 34, 0.32); + selected-color: #e6e6fa; + font-size: 11.25pt; + font-weight: 400; + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); +} +StEntry:hover { + box-shadow: inset 0 -1px #e6e6fa; +} +StEntry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #6daf22; +} +StEntry:insensitive { + color: rgba(230, 230, 250, 0.5); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.2); +} +StEntry StIcon.capslock-warning { + icon-size: 16px; + padding: 0 4px; + warning-color: #ed9200; +} +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; + color: rgba(230, 230, 250, 0.7); +} +StEntry StIcon.peek-password:hover { + color: #e6e6fa; +} +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(230, 230, 250, 0.7); +} + +/* Buttons */ +.lg-obj-inspector-button, .app-folder-dialog .folder-name-container .edit-folder-button, .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button, +.button { + min-height: 32px; + min-width: 48px; + padding: 0 8px; + border: 0; + border-radius: 0px; + font-size: 10.5pt; + font-weight: 500; + color: #6daf22; + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.lg-obj-inspector-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus, +.button:focus { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.12); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} +.lg-obj-inspector-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover, +.button:hover { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.12); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} +.lg-obj-inspector-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active, +.button:active { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.16); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} +.lg-obj-inspector-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive, +.button:insensitive { + color: rgba(230, 230, 250, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { + margin: 4px; + margin-right: 0; +} +.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child, .modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child { + border-radius: 0px; +} +.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child { + margin-right: 4px; + border-right-width: 0; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: 8px; +} +.check-box StBin { + transition-duration: 100ms; + width: 24px; + height: 24px; + padding: 4px; + border-radius: 16px; +} +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} +.check-box:focus StBin { + background-color: rgba(230, 230, 250, 0.12); +} +.check-box:hover StBin { + background-color: rgba(230, 230, 250, 0.12); +} +.check-box:active StBin { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); +} +.check-box:checked StBin, .check-box:checked:focus StBin { + background-image: url("assets/checkbox.svg"); +} +.check-box:checked:focus StBin { + background-color: rgba(109, 175, 34, 0.12); +} +.check-box:checked:hover StBin { + background-color: rgba(109, 175, 34, 0.12); +} +.check-box:checked:active StBin { + background-color: rgba(109, 175, 34, 0.16); +} + +/* Switches */ +.toggle-switch { + color: inherit; + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +/* Slider */ +.slider { + height: 20px; + -barlevel-height: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: transparent; + -barlevel-background-color: rgba(230, 230, 250, 0.3); + -barlevel-active-border-color: transparent; + -barlevel-active-background-color: #6daf22; + -barlevel-overdrive-color: #ff7002; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 2px; + -slider-handle-radius: 6px; + -slider-handle-border-width: 0; + -slider-handle-border-color: transparent; +} +.slider, .slider:hover, .slider:active { + color: #6daf22; +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} +StScrollBar StBin#trough { + margin: 4px; + border-radius: 4px; + background-color: rgba(230, 230, 250, 0.2); +} +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle { + transition-duration: 100ms; + margin: 4px; + border-radius: 4px; + background-color: rgba(230, 230, 250, 0.5); +} +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: rgba(230, 230, 250, 0.6); +} +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: rgba(230, 230, 250, 0.7); +} + +/* Popovers/Menus */ +.popup-menu-boxpointer, .candidate-popup-boxpointer { + -arrow-base: 0; + -arrow-rise: 0; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-border-radius: 20px; + -arrow-box-shadow: none; + -arrow-background-color: transparent; +} + +.popup-menu { + min-width: 15em; + border-color: transparent; + color: inherit; +} +.popup-menu.panel-menu { + -boxpointer-gap: 0; + margin-bottom: 1.75em; +} + +.popup-menu-content, .candidate-popup-content { + margin: 8px; + padding: 8px 0; + border-radius: 0px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + background-color: #4e5848; + color: #e6e6fa; +} + +.popup-menu-item { + spacing: 8px; + padding: 0; + transition-duration: 100ms; +} +.popup-menu-item:ltr { + padding: 0.4em; + padding-right: 24px; + padding-left: 0; +} +.popup-menu-item:rtl { + padding: 0.4em; + padding-right: 0; + padding-left: 24px; +} +.popup-menu-item.selected { + background-color: rgba(230, 230, 250, 0.12); + transition-duration: 0ms; +} +.popup-menu-item.selected, .popup-menu-item.selected:active { + color: #e6e6fa; +} +.popup-menu-item:active { + background-color: rgba(230, 230, 250, 0.16); + color: #e6e6fa; + transition-duration: 200ms; +} +.popup-menu-item:checked { + box-shadow: none; + background-color: rgba(109, 175, 34, 0.32); + font-weight: normal; +} +.popup-menu-item:checked.selected { + background-color: rgba(109, 175, 34, 0.4016); +} +.popup-menu-item:checked:active { + background-color: rgba(109, 175, 34, 0.4288); +} +.popup-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} +.popup-menu-item .toggle-switch { + width: 20px; + height: 20px; + background-image: url("assets/menu-item-toggle-off.svg"); +} +.popup-menu-item .toggle-switch:checked { + background-image: url("assets/menu-item-toggle-on.svg"); +} + +.popup-inactive-menu-item { + color: #e6e6fa; +} +.popup-inactive-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} + +.popup-menu-arrow { + icon-size: 16px; +} +.popup-menu-content .popup-menu-arrow, .candidate-popup-content .popup-menu-arrow { + color: rgba(230, 230, 250, 0.7); +} + +.popup-menu-icon { + icon-size: 16px; + color: rgba(230, 230, 250, 0.7); +} + +.popup-sub-menu { + border-top: 0; + border-bottom: 0; + padding-bottom: 0; + box-shadow: none; + background-color: rgba(230, 230, 250, 0.04); +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} +.popup-menu-ornament:ltr { + text-align: right; +} +.popup-menu-ornament:rtl { + text-align: left; +} + +.popup-separator-menu-item { + padding: 0; +} +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 8px 0; + background-color: rgba(230, 230, 250, 0.2); +} +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + margin: 8px 0; + background-color: rgba(230, 230, 250, 0.2); +} +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { + margin-right: 32px; +} +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { + margin-left: 32px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.aggregate-menu { + min-width: 21em; +} +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 4px; + -st-icon-style: symbolic; +} +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + padding-left: 16px; + margin-left: 16px; +} +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + padding-right: 16px; + margin-right: 16px; +} + +/* Date/Time Menu */ +#calendarArea { + padding: 8px 16px; +} + +.datemenu-calendar-column { + spacing: 8px; + padding: 0; + border: 0 solid rgba(230, 230, 250, 0.2); +} +.datemenu-calendar-column:ltr { + margin-right: 0; + border-left-width: 0; +} +.datemenu-calendar-column:rtl { + margin-left: 0; + border-right-width: 0; +} +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; + margin: 0 8px; +} + +.events-section-title { + margin: 0; + border: 0; + border-radius: 0px; + min-height: 12px; + padding: 8px; + color: rgba(230, 230, 250, 0.7) !important; + font-weight: bold; +} +.events-section-title, .events-section-title:focus, .events-section-title:hover, .events-section-title:active { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.events-section-title:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.events-section-title:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.events-section-title:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} + +/* today button (the date) */ +.datemenu-today-button { + margin: 0; + border: 0; + border-radius: 0px; + margin: 0 8px; + min-height: 40px; + padding: 8px; +} +.datemenu-today-button, .datemenu-today-button:focus, .datemenu-today-button:hover, .datemenu-today-button:active { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.datemenu-today-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.datemenu-today-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.datemenu-today-button:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.datemenu-today-button .day-label { + font-weight: normal; + font-size: 1em; +} +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +/* Calendar */ +.calendar { + margin: 0; + border: 0; + border-radius: 0px; + margin: 0 8px; + margin-bottom: 0; + padding: 0; +} +.calendar, .calendar:focus, .calendar:hover, .calendar:active { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.calendar:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.calendar .calendar-month-label { + transition-duration: 100ms; + min-height: 16px; + margin: 2px; + padding: 6px 8px; + border-radius: 0px; + color: inherit; + font-weight: bold; + text-align: center; +} +.calendar .calendar-month-label:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar .calendar-change-month-back StIcon, +.calendar .calendar-change-month-forward StIcon { + icon-size: 16px; +} +.calendar .pager-button { + transition-duration: 100ms; + width: 28px; + height: 28px; + margin: 2px; + border-radius: 14px; + background-color: transparent; + color: rgba(230, 230, 250, 0.7); +} +.calendar .pager-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar .pager-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar .pager-button:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.calendar .calendar-day-base { + transition-duration: 100ms; + width: 28px; + height: 28px; + margin: 2px; + padding: 0; + border: 0; + border-radius: 14px; + font-size: 9pt; + font-weight: 400; + font-feature-settings: "tnum"; + text-align: center; +} +.calendar .calendar-day-base:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar .calendar-day-base:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar .calendar-day-base:active { + transition-duration: 200ms; + border-color: transparent; + background-color: rgba(230, 230, 250, 0.16); + color: inherit; +} +.calendar .calendar-day-base:selected { + border-color: transparent; + background-color: #6daf22 !important; + color: #000 !important; + font-weight: 500 !important; +} +.calendar .calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 14px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} +.calendar .calendar-day-base.calendar-day-heading:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.calendar .calendar-day { + border-width: 0; +} +.calendar .calendar-day-top { + border-top-width: 0; +} +.calendar .calendar-day-left { + border-left-width: 0; +} +.calendar .calendar-nonwork-day { + color: inherit; +} +.calendar .calendar-today { + border: 0; + box-shadow: inset 0 0 0 1px rgba(230, 230, 250, 0.7); + background-color: rgba(78, 88, 72, 0.01); + color: inherit; + font-weight: normal; +} +.calendar .calendar-today:focus { + background-color: rgba(230, 230, 250, 0.12); + color: inherit; +} +.calendar .calendar-today:hover { + background-color: rgba(230, 230, 250, 0.12); + color: inherit; +} +.calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { + background-color: rgba(230, 230, 250, 0.16); + color: inherit; +} +.calendar .calendar-today:selected { + box-shadow: inset 0 0 0 1px transparent; +} +.calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #6daf22; + color: #000; +} +.calendar .calendar-day-with-events { + background-image: url("assets/calendar-event.svg"); +} +.calendar .calendar-day-with-events, .calendar .calendar-day-with-events.calendar-work-day { + color: inherit; + font-weight: normal; +} +.calendar .calendar-other-month-day { + color: rgba(230, 230, 250, 0.3) !important; +} +.calendar .calendar-week-number { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 14px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + font-weight: bold; + font-size: 1em; + text-align: center; +} + +/* Events */ +.events-button { + margin: 0; + border: 0; + border-radius: 0px; + min-height: 40px; + padding: 8px; +} +.events-button, .events-button:focus, .events-button:hover, .events-button:active { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.events-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.events-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.events-button:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.events-button .events-box { + spacing: 8px; +} +.events-button .events-list { + spacing: 8px; +} +.events-button .events-title { + color: rgba(230, 230, 250, 0.7); + font-weight: bold; + margin-bottom: 0; +} +.events-button .event-time { + color: rgba(230, 230, 250, 0.7); + font-size: 9pt; + font-weight: 400; + font-feature-settings: "tnum"; +} + +/* World clocks */ +.world-clocks-button { + margin: 0; + border: 0; + border-radius: 0px; + min-height: 12px; + padding: 8px; +} +.world-clocks-button, .world-clocks-button:focus, .world-clocks-button:hover, .world-clocks-button:active { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.world-clocks-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.world-clocks-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.world-clocks-button:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.world-clocks-button .world-clocks-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} +.world-clocks-button .world-clocks-header { + color: rgba(230, 230, 250, 0.7); + font-weight: bold; +} +.world-clocks-button .world-clocks-city { + color: inherit; + font-weight: normal; + font-size: 1em; +} +.world-clocks-button .world-clocks-time { + color: rgba(230, 230, 250, 0.7); + font-weight: normal; + font-size: 1em; + font-feature-settings: "tnum"; + text-align: right; +} +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} +.world-clocks-button .world-clocks-timezone { + color: rgba(230, 230, 250, 0.5); + font-size: 1em; + font-feature-settings: "tnum"; +} + +/* Weather */ +.weather-button { + margin: 0; + border: 0; + border-radius: 0px; + min-height: 40px; + padding: 8px; +} +.weather-button, .weather-button:focus, .weather-button:hover, .weather-button:active { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.weather-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.weather-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.weather-button:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.weather-button .weather-box { + spacing: 0.4em; +} +.weather-button .weather-header-box { + spacing: 8px; +} +.weather-button .weather-header { + color: rgba(230, 230, 250, 0.7); + font-weight: bold; +} +.weather-button .weather-header.location { + font-weight: normal; + font-size: 1em; +} +.weather-button .weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} +.weather-button .weather-forecast-time { + padding-top: 0; + padding-bottom: 0; + color: rgba(230, 230, 250, 0.7); + font-size: 9pt; + font-weight: 400; + font-feature-settings: "tnum"; +} +.weather-button .weather-forecast-icon { + icon-size: 32px; +} +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +/* Message List */ +.message-list { + width: 31.5em; + padding: 0; +} +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-sections { + spacing: 8px; + margin: 0 8px; +} + +.message-list-section, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 8px 0; + padding: 0; + spacing: 8px; +} + +.message { + margin: 0; + border: 0; + border-radius: 0px; + min-height: 56px; +} +.message, .message:focus, .message:hover, .message:active { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.message:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.message:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.message:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.message .message-icon-bin { + padding: 12px 0 12px 12px; +} +.message .message-icon-bin:rtl { + padding: 12px 12px 12px 0; +} +.message .message-icon-bin > StIcon { + -st-icon-style: requested; + icon-size: 16px; + color: inherit; +} +.message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { + margin: 0; +} +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} +.message .message-content { + min-height: 40px; + padding: 8px; + spacing: 0; + color: inherit; + font-size: 1em; +} +.message .message-title { + min-height: 22px; + padding-top: 2px; + color: inherit; + font-weight: bold; + font-size: 1em; +} +.message .message-secondary-bin { + padding: 0 8px; +} +.message .message-secondary-bin > .event-time { + min-height: 22px; + padding-top: 2px; + color: rgba(230, 230, 250, 0.7); + font-size: 1em; + text-align: right; + padding-bottom: 0; +} +.message .message-secondary-bin > .event-time:ltr { + text-align: right; +} +.message .message-secondary-bin > .event-time:rtl { + text-align: left; +} +.message .message-secondary-bin > StIcon { + icon-size: 16px; +} +.message .message-close-button { + transition-duration: 100ms; + icon-size: 16px; + padding: 4px; + border-radius: 12px; +} +.message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { + color: rgba(230, 230, 250, 0.7); +} +.message .message-close-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.message .message-close-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.message .message-close-button:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); +} +.message .message-body { + color: rgba(230, 230, 250, 0.7); +} + +.url-highlighter { + link-color: #6daf22; +} + +/* Media Controls */ +.message-media-control { + transition-duration: 100ms; + margin: 16px 0; + padding: 8px; + border-radius: 16px; +} +.message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { + color: rgba(230, 230, 250, 0.7); +} +.message-media-control:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.message-media-control:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.message-media-control:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.message-media-control:insensitive { + color: rgba(230, 230, 250, 0.3); +} +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; + border-radius: 16px; +} +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; + border-radius: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 4px 0 !important; + border-radius: 0; +} +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: 0; + border-radius: 0px; + background-color: rgba(230, 230, 250, 0.08); + color: rgba(230, 230, 250, 0.5) !important; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: rgba(230, 230, 250, 0.7); +} + +.candidate-box { + transition-duration: 100ms; + min-height: 28px; + padding: 0 8px; + border-radius: 0px; +} +.candidate-box:hover { + background-color: rgba(230, 230, 250, 0.12); + color: inherit; + transition-duration: 0ms; +} +.candidate-box:active { + background-color: rgba(230, 230, 250, 0.16); + transition-duration: 200ms; +} +.candidate-box:selected { + background-color: rgba(109, 175, 34, 0.32); + color: inherit; + transition-duration: 0ms; +} + +.candidate-page-button-box { + height: 28px; +} +.vertical .candidate-page-button-box { + padding-top: 0; +} +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-right-width: 0; + border-radius: 0px; +} + +.candidate-page-button-next { + border-radius: 0px; +} + +.candidate-page-button-icon { + icon-size: 16px; +} + +/* Notifications & Message Tray */ +.notification-banner { + min-height: 56px; + width: 34em; + margin: 5px; + border: 0; + border-radius: 0px; + font-size: 1em; +} +.notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + background-color: #4e5848; + color: #e6e6fa; +} +.notification-banner .notification-actions { + spacing: 0; + padding-top: 0; + border-top: 0; + background-color: transparent; + color: inherit; +} +.summary-source-counter { + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + height: 1.6em; + width: 1.6em; + border: 0; + border-radius: 0.8em; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + background-color: #6daf22; + color: #000; + font-weight: bold; + font-size: 1em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #e6e6fa; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} +.chat-received:rtl { + padding-left: 0; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: rgba(230, 230, 250, 0.7); +} +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + color: rgba(230, 230, 250, 0.7); + font-size: 9pt; + font-weight: 400; +} +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + border: 0; + border-radius: 0px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + background-color: #4e5848; + color: #e6e6fa; +} +.modal-dialog .modal-dialog-content-box { + max-width: 28em; + margin: 32px 40px; + spacing: 32px; +} +/* End Session Dialog */ +.end-session-dialog { + width: 30em; +} +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #ff7002; +} + +/* Message Dialog */ +.message-dialog-content { + spacing: 18px; +} +.message-dialog-content .message-dialog-title { + font-size: 15pt; + font-weight: 500; + text-align: inherit; +} +.message-dialog-content .message-dialog-title.lightweight { + font-size: 15pt; + font-weight: 500; +} +.message-dialog-content .message-dialog-description { + color: rgba(230, 230, 250, 0.7); + text-align: inherit; +} + +/* Dialog List */ +.dialog-list { + spacing: 18px; +} +.dialog-list .dialog-list-title { + text-align: inherit; + font-weight: bold; +} +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} +.dialog-list .dialog-list-box { + spacing: 1em; +} +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(230, 230, 250, 0.7); + font-size: 1em; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 16px; +} +.run-dialog .run-dialog-entry { + width: 20em; +} +.run-dialog .run-dialog-description { + text-align: inherit; + color: rgba(230, 230, 250, 0.7); + font-size: 1em; +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 28em; +} +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 18em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + font-size: 1em; + text-align: inherit; +} + +.prompt-dialog-error-label { + color: #ff7002; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} +.polkit-dialog-user-layout .polkit-dialog-user-icon { + border-radius: 9999px; + background-size: contain; +} +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #ff7002; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + transition-duration: 100ms; + border: 0; + border-radius: 0px; +} +.audio-selection-device:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.audio-selection-device:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.audio-selection-device:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); + color: inherit; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Network Dialogs */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + text-align: center; +} + +.nm-dialog-airplane-text { + color: rgba(230, 230, 250, 0.7); +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-subheader { + color: rgba(230, 230, 250, 0.7); +} + +.nm-dialog-header-icon { + icon-size: 32px; + color: rgba(230, 230, 250, 0.7); +} + +.nm-dialog-header-hbox { + spacing: 16px; +} + +.nm-dialog-scroll-view { + border: 0; + padding: 0; + background-color: transparent; +} + +.nm-dialog-item { + transition-duration: 100ms; + padding: 12px; + spacing: 20px; + border-bottom: 0; + border-radius: 0px; + font-size: 1em; +} +.nm-dialog-item:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.nm-dialog-item:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.nm-dialog-item:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); +} +.nm-dialog-item:selected { + background-color: rgba(109, 175, 34, 0.32); + color: #e6e6fa; +} + +.nm-dialog-icon { + icon-size: 16px; + color: rgba(230, 230, 250, 0.7); +} + +.nm-dialog-icons { + spacing: 0.5em; +} + +.no-networks-label { + color: rgba(230, 230, 250, 0.7); +} + +.no-networks-box { + spacing: 12px; +} + +/* OSD */ +.osd-window { + padding: 12px; + border: none; + border-radius: 0px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + background-color: #4e5848; + color: #e6e6fa; + text-align: center; + font-weight: bold; + spacing: 12px; + margin: 32px; + min-width: 64px; + min-height: 64px; +} +.osd-window StIcon { + icon-size: 96px; +} +.osd-window .osd-monitor-label { + font-size: 48px; + font-weight: 400; +} +.osd-window .level { + height: 8px; + -barlevel-height: 8px; + -barlevel-background-color: rgba(230, 230, 250, 0.2); + -barlevel-active-background-color: #6daf22; + -barlevel-overdrive-color: #ff7002; + -barlevel-overdrive-separator-width: 2px; +} + +.resize-popup { + padding: 12px; + border: none; + border-radius: 0px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + background-color: #4e5848; + color: #e6e6fa; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + padding: 12px; + border: none; + border-radius: 0px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + background-color: #4e5848; + color: #e6e6fa; +} +.switcher-list .switcher-list-item-container { + spacing: 8px; +} +.switcher-list .item-box { + transition-duration: 100ms; + padding: 8px; + border: 0; + border-radius: 0px; +} +.switcher-list .item-box:outlined { + padding: 8px; + border: 0; + box-shadow: none; + background-color: rgba(230, 230, 250, 0.16); + color: inherit; +} +.switcher-list .item-box:selected { + background-color: rgba(109, 175, 34, 0.32); + color: inherit; +} +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} +.switcher-list .thumbnail { + width: 256px; +} +.switcher-list .separator { + width: 1px; + background: rgba(230, 230, 250, 0.2); +} + +.switcher-arrow { + transition-duration: 100ms; + border-color: transparent; + color: rgba(230, 230, 250, 0.7); +} +.switcher-arrow:highlighted { + color: #e6e6fa; +} + +.input-source-switcher-symbol { + width: 96px; + height: 96px; + font-size: 48px; + font-weight: 400; +} + +.cycler-highlight { + border: 4px solid #6daf22; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher-container { + padding: 12px; + border: none; + border-radius: 0px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + background-color: #4e5848; + color: #e6e6fa; +} + +.workspace-switcher { + background: transparent; + border: 0; + border-radius: 0; + padding: 0; + spacing: 8px; +} + +.ws-switcher-box { + height: 48px; + border: 0; + border-radius: 0px; + background-color: rgba(230, 230, 250, 0.2); + background-size: 0; +} + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 48px; + border: 0; + border-radius: 0px; + background-color: #6daf22; + background-size: 0; + color: inherit; +} + +/* OVERVIEW */ +#overview { + spacing: 24px; + background-color: transparent; + color: #fff; +} +#overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.2); +} +#overview StScrollBar StButton#vhandle, +#overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} +#overview StScrollBar StButton#vhandle:hover, +#overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.6); +} +#overview StScrollBar StButton#vhandle:active, +#overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.7); +} + +.overview-controls { + padding-bottom: 32px; +} + +/* Top Bar */ +#panel { + transition-duration: 250ms; + height: 28px; + background-color: #1f1e1e; + font-weight: bold; + font-feature-settings: "tnum"; +} +#panel #panelLeft, +#panel #panelCenter { + spacing: 0; +} +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-width: 0; + -panel-corner-border-color: transparent; +} +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: transparent; +} +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 4px; + transition-duration: 100ms; + border: 0; + border-radius: 0; + color: rgba(230, 230, 250, 0.7); + text-shadow: none; + font-weight: bold; +} +#panel .panel-button.clock-display .clock { + transition-duration: 100ms; + border: 0; + border-radius: 0; +} +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow { + icon-shadow: none; +} +#panel .panel-button:hover { + box-shadow: none; + color: #e6e6fa; + text-shadow: none; +} +#panel .panel-button:hover.clock-display { + box-shadow: none; +} +#panel .panel-button:hover.clock-display .clock { + box-shadow: none; +} +#panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow { + icon-shadow: none; +} +#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: inset 0 -2px #e6e6fa; + background-color: rgba(31, 30, 30, 0.01); + color: #e6e6fa; +} +#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; + background-color: transparent; +} +#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + box-shadow: inset 0 -2px #e6e6fa; + background-color: rgba(31, 30, 30, 0.01); +} +#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { + icon-shadow: none; +} +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 0 4px; +} +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; +} +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} +#panel .screencast-indicator, +#panel .remote-access-indicator { + color: #ed9200; +} +#panel.unlock-screen, #panel.login-screen, #panel:overview { + background-color: transparent; +} +#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} +#panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel:overview .panel-button { + color: rgba(255, 255, 255, 0.7); +} +#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:checked { + color: #fff; +} + +#appMenu { + spacing: 4px; +} +#appMenu .label-shadow { + color: transparent; +} + +.clock-display-box { + spacing: 0; +} +.clock-display-box .clock { + padding-left: 8px; + padding-right: 8px; +} + +/* Activities Ripple */ +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.3); + background-image: none; + background-size: auto; +} +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +/* Window Picker */ +.window-picker { + spacing: 8px; + padding: 0 16px 32px; +} +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 0px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-caption { + padding: 4px 8px; + border-radius: 0px; + background-color: rgba(0, 0, 0, 0.6); + color: #fff; + spacing: 0; + border: 0; + font-size: 1em; + font-weight: normal; +} + +.window-close { + transition-duration: 100ms; + height: 32px; + width: 32px; + padding: 0; + border: 0; + border-radius: 16px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + background-color: #ff7002; + color: #000; + background-image: url("assets/window-close.svg"); + background-size: 24px; +} +.window-close:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + border-color: transparent; + background-color: #e06302; + color: #000; +} +.window-close:active { + transition-duration: 200ms; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + border-color: transparent; + background-color: #d65e02; + color: #000; +} +.window-close StIcon { + icon-size: 24px; + color: transparent; +} + +.search-entry { + width: 304px; + padding: 0 8px; + border-radius: 0px 0px 0 0; + color: rgba(255, 255, 255, 0.5); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: #fff; + transition-duration: 100ms; + background-color: rgba(255, 255, 255, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); +} +.search-entry:hover { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.5); +} +.search-entry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #fff; + padding: 0 8px; + border: 0; + color: #fff; +} +.search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.7); +} +.search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 4px; + color: rgba(255, 255, 255, 0.7); +} +.search-entry:hover .search-entry-icon, +.search-entry:focus .search-entry-icon { + color: #fff; +} + +/* App Grid */ +.icon-grid { + row-spacing: 48px; + column-spacing: 48px; + max-row-spacing: 96px; + max-column-spacing: 96px; +} + +/* App Icons */ +.app-well-app .overview-icon, +.grid-search-result .overview-icon { + padding: 6px; + border: 0; + border-radius: 0px; + background-color: transparent; + color: inherit; + text-align: center; + transition-duration: 100ms; +} +.app-well-app:focus .overview-icon, +.grid-search-result:focus .overview-icon { + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.app-well-app:drop .overview-icon, .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, +.grid-search-result:drop .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:selected .overview-icon { + border: 0; + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + color: inherit; + transition-duration: 200ms; +} +.app-well-app .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 8px; + spacing: 0; +} +.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 4px; +} + +/* App Folders */ +.app-well-app.app-folder { + border-radius: 0px; + background-color: transparent; +} + +.app-folder-dialog { + border: 0; + border-radius: 0px; + background-color: #4e5848; + color: #e6e6fa; + padding: 12px; +} +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; +} +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 15pt; + font-weight: 500; +} +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 0 8px; + color: inherit; +} +.app-folder-dialog .folder-name-container .edit-folder-button { + width: 32px; + height: 32px; + min-width: 0; + min-height: 0; + padding: 0; + border-radius: 16px; +} +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} +.app-folder-dialog .icon-grid { + row-spacing: 16px; + column-spacing: 32px; +} +.app-folder-dialog .page-indicators { + margin-bottom: 16px; +} +.app-folder-dialog .page-indicators .page-indicator { + padding: 16px 12px; +} +.app-folder-dialog .app-well-app:focus .overview-icon { + background-color: rgba(230, 230, 250, 0.12); +} +.app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { + background-color: rgba(230, 230, 250, 0.12); +} +.app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { + background-color: rgba(230, 230, 250, 0.16); +} + +.app-folder-dialog-container { + padding: 12px; + width: 620px; + height: 620px; +} + +.app-folder-icon { + padding: 8px; + spacing-rows: 4px; + spacing-columns: 4px; + border-radius: 0px; + background-color: rgba(255, 255, 255, 0.08); +} +.app-folder-icon > StBin > StIcon { + padding: 2px; +} + +.app-well-app-running-dot { + height: 2px; + width: 32px; + margin-bottom: 0; + border-radius: 0; + background-color: #fff; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 6px; +} +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; +} + +.app-menu, +.app-well-menu { + max-width: 27.25em; +} + +.page-indicator { + padding: 16px 20px; +} +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-color: #fff; +} + +.all-apps { + padding: 0 88px 10px; +} + +.system-action-icon { + icon-size: 48px; + border-radius: 9999px; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: #212121; + color: rgba(255, 255, 255, 0.87); +} + +/* Search */ +#searchResultsContent { + max-width: 1024px; +} + +#searchResultsContent { + padding-left: 16px; + padding-right: 16px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.2); +} +.search-section:last-child .search-section-separator { + height: 0; + background-color: transparent; +} + +.search-section-content { + spacing: 32px; + padding: 0; + border: 0; + border-radius: 0; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; +} + +.search-statustext { + font-size: 48px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.grid-search-results { + spacing: 32px; +} + +.search-provider-icon { + padding: 6px; + border: 0; + border-radius: 0px; + background-color: transparent; + color: inherit; + text-align: center; + transition-duration: 100ms; +} +.search-provider-icon:focus { + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.search-provider-icon:hover, .search-provider-icon:selected { + border: 0; + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.search-provider-icon:active, .search-provider-icon:checked { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + color: inherit; + transition-duration: 200ms; +} +.search-provider-icon .list-search-provider-content { + spacing: 20px; +} +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 150px; + margin-top: 0; + color: rgba(255, 255, 255, 0.7); +} + +.list-search-results { + spacing: 4px; +} + +.list-search-result { + padding: 6px; + border: 0; + border-radius: 0px; + background-color: transparent; + color: inherit; + text-align: center; + transition-duration: 100ms; +} +.list-search-result:focus { + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.list-search-result:hover, .list-search-result:selected { + border: 0; + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.list-search-result:active, .list-search-result:checked { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + color: inherit; + transition-duration: 200ms; +} +.list-search-result .list-search-result-content { + spacing: 30px; +} +.list-search-result .list-search-result-title { + spacing: 12px; + color: inherit; + font-size: 11.25pt; + font-weight: 400; +} +.list-search-result .list-search-result-description { + color: rgba(255, 255, 255, 0.7); +} + +/* Dash */ +#dash { + font-size: 1em; + transition-duration: 250ms; + border: 0; + background-color: rgba(255, 255, 255, 0.08); + color: #fff; + padding: 3px 0; + border-left-width: 0; + border-radius: 0 0px 0px 0; +} +#dash:rtl { + border-right-width: 0; + border-radius: 0px 0 0 0px; +} +#dash .placeholder { + height: 24px; + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; +} +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + padding: 7px 8px; + border: 0; + border-radius: 0px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + background-color: #4e5848; + color: #e6e6fa; + text-align: center; + -x-offset: 8px; +} + +.show-apps { + color: rgba(255, 255, 255, 0.7); +} +.show-apps .overview-icon { + padding: 6px; + border: 0; + border-radius: 0px; + background-color: transparent; + color: inherit; + text-align: center; + transition-duration: 100ms; +} +.show-apps:focus .overview-icon { + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.show-apps:drop .overview-icon, .show-apps:hover .overview-icon, .show-apps:selected .overview-icon { + border: 0; + border-image: none; + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + color: inherit; + transition-duration: 0ms; +} +.show-apps:active .overview-icon, .show-apps:checked .overview-icon { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + color: inherit; + transition-duration: 200ms; +} +.show-apps:checked { + color: #fff; +} + +/* Workspace pager */ +.workspace-thumbnails { + transition-duration: 250ms; + border: 0; + background-color: rgba(255, 255, 255, 0.08); + color: #fff; + visible-width: 32px; + padding: 12px; + spacing: 12px; + border-right-width: 0; + border-radius: 0px 0 0 0px; +} +.workspace-thumbnails:rtl { + border-left-width: 0; + border-radius: 0 0px 0px 0; +} +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 0 solid #fff; + border-radius: 0; + padding: 6px 10px; + border-left-width: 2px; +} + +.select-area-rubberband { + border: 1px solid #6daf22; + background-color: rgba(109, 175, 34, 0.3); +} + +.user-icon { + border: 0; + border-radius: 9999px; + background-size: contain; + color: inherit; +} +.user-icon:hover { + border-color: transparent; + color: inherit; +} + +.user-icon StIcon { + background-color: rgba(230, 230, 250, 0.08); + border-radius: 9999px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} +.user-widget.vertical .user-icon StIcon { + width: 64px; + height: 64px; + padding: 32px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} +.user-widget.horizontal .user-icon StIcon { + width: 32px; + height: 32px; + padding: 16px; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: transparent; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 1em; + color: #ed9200; +} + +.ripple-pointer-location { + width: 50px; + height: 50px; + border-radius: 25px; + box-shadow: none; + background-color: rgba(109, 175, 34, 0.32); +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 0; + -pie-border-color: transparent; + -pie-background-color: rgba(109, 175, 34, 0.32); +} + +.magnifier-zoom-region { + border: 2px solid #6daf22; +} +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* Tiled window previews */ +.tile-preview { + border: 1px solid #6daf22; + background-color: rgba(109, 175, 34, 0.3); +} + +.tile-preview-left.on-primary { + border-radius: 0; +} + +.tile-preview-right.on-primary { + border-radius: 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(0, 0, 0, 0.3); + box-shadow: none; +} +#keyboard .page-indicator { + padding: 4px; +} +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-size: 2em; + font-weight: 500; + border: 0; + border-width: 0; + border-style: none; + border-radius: 0px; +} +.keyboard-key, .keyboard-key.default-key { + color: #e6e6fa; + background-color: #4e5848; + border-color: transparent; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.keyboard-key:focus, .keyboard-key.default-key:focus { + color: #e6e6fa; + background-color: #60695d; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); +} +.keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { + color: #e6e6fa; + background-color: #60695d; + border-color: transparent; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + text-shadow: none; + icon-shadow: none; +} +.keyboard-key:active, .keyboard-key.default-key:active { + color: #e6e6fa; + background-color: #666f64; + border-color: transparent; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} +.keyboard-key:grayed { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.3); + color: #fff; +} +.keyboard-key.enter-key { + color: #000; + background-color: #6daf22; + border-color: transparent; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { + color: #000; + background-color: #609a1e; + border-color: transparent; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + text-shadow: none; + icon-shadow: none; +} +.keyboard-key.enter-key:active { + color: #000; + background-color: #5c931d; + border-color: transparent; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} +.keyboard-key.shift-key-uppercase { + color: #6daf22; +} +.keyboard-key StIcon { + icon-size: 32px; +} + +.keyboard-subkeys { + -boxpointer-gap: 5px; + -arrow-base: 0; + -arrow-rise: 0; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-border-radius: 0; + -arrow-background-color: transparent; + padding: 5px; + border-radius: 0px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + background-color: #4e5848; + color: #e6e6fa; +} +.keyboard-subkeys .keyboard-key { + border-radius: 0px; + color: #6daf22; + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.keyboard-subkeys .keyboard-key:focus { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.12); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} +.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.12); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} +.keyboard-subkeys .keyboard-key:active { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.16); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.emoji-page .keyboard-key { + border: 0; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.emoji-page .keyboard-key:focus { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.08); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} +.emoji-page .keyboard-key:hover { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} +.emoji-page .keyboard-key:active { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.emoji-panel .keyboard-key:latched { + border-color: transparent; + background-color: #6daf22; + color: #000; +} + +.word-suggestions { + font-size: 11.25pt; + font-weight: 400; + spacing: 12px; + min-height: 20pt; +} + +/* Looking Glass */ +#LookingGlassDialog { + spacing: 0; + padding: 0; + border: 0; + border-radius: 0px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + background-color: #4e5848; + color: #e6e6fa; +} +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.2); + background-color: rgba(78, 88, 72, 0.01); +} +#LookingGlassDialog .labels { + spacing: 0; +} +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + transition-duration: 100ms; + min-height: 32px; + padding-left: 32px; + padding-right: 32px; + border: 0; + color: rgba(230, 230, 250, 0.7); + font-weight: bold; +} +#LookingGlassDialog .notebook-tab:hover { + background-color: rgba(230, 230, 250, 0.12); + color: rgba(230, 230, 250, 0.7); + text-shadow: none; +} +#LookingGlassDialog .notebook-tab:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); +} +#LookingGlassDialog .notebook-tab:selected { + border: 0; + box-shadow: inset 0 -2px #6daf22; + background-color: rgba(78, 88, 72, 0.01); + color: #e6e6fa; + text-shadow: none; +} +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 8px; + spacing: 4px; +} +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { + color: #6daf22; +} +.lg-dialog .actor-link, .lg-dialog .actor-link:hover, .lg-dialog .actor-link:active { + color: inherit; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button, .lg-obj-inspector-button:hover { + border: 0; +} + +#Windows { + padding: 8px; +} + +#lookingGlassExtensions { + padding: 8px; +} + +.lg-extensions-list { + padding: 0; + spacing: 6px; +} + +.lg-extension { + padding: 4px; + border: 0; + border-radius: 0; + background-color: transparent; +} + +.lg-extension-name { + font-size: 15pt; + font-weight: 500; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + padding: 6px; + border: 0; + border-radius: 0px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + background-color: #4e5848; + color: #e6e6fa; +} + +/* Login Dialog */ +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: 0; + background-color: transparent; +} +.login-dialog StEntry, +.unlock-dialog StEntry { + transition-duration: 100ms; + background-color: rgba(255, 255, 255, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); + color: #e6e6fa; + selection-background-color: rgba(230, 230, 250, 0.3); + selected-color: #e6e6fa; +} +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #e6e6fa; +} +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + color: rgba(230, 230, 250, 0.5); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.2); + color: rgba(230, 230, 250, 0.5); +} +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(230, 230, 250, 0.7); +} +.login-dialog StEntry StIcon.peek-password, +.unlock-dialog StEntry StIcon.peek-password { + color: rgba(230, 230, 250, 0.7); +} +.login-dialog StEntry StIcon.peek-password:hover, +.unlock-dialog StEntry StIcon.peek-password:hover { + color: #e6e6fa; +} +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + color: #6daf22; + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:focus { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.12); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} +.login-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:hover { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.12); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: #6daf22; + background-color: rgba(109, 175, 34, 0.16); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(230, 230, 250, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; + color: #000; + background-color: #6daf22; + border-color: transparent; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} +.login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:focus { + color: #000; + background-color: #609a1e; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); +} +.login-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:hover { + color: #000; + background-color: #609a1e; + border-color: transparent; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44); + text-shadow: none; + icon-shadow: none; +} +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: #000; + background-color: #5c931d; + border-color: transparent; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(230, 230, 250, 0.5); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog-logo-bin { + padding: 24px 0; +} + +.login-dialog-banner { + color: rgba(230, 230, 250, 0.7); +} + +.login-dialog-button-box { + spacing: 5px; + width: 23em; +} + +.login-dialog-message { + text-align: center; +} + +.caps-lock-warning-label, +.login-dialog-message-warning { + color: #ff7002; +} + +.login-dialog-message-hint { + color: rgba(230, 230, 250, 0.7); + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0; +} + +.login-dialog-not-listed-button { + transition-duration: 100ms; + min-height: 32px; + padding: 0 8px; + margin-top: 1em; + border-radius: 0px; + color: rgba(230, 230, 250, 0.7); + font-size: 10.5pt; + font-weight: 500; +} +.login-dialog-not-listed-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.login-dialog-not-listed-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.login-dialog-not-listed-button:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + width: 23em; +} +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(230, 230, 250, 0.12); +} +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #e6e6fa; +} + +.login-dialog-user-list-item { + transition-duration: 100ms; + padding: 6px; + border-radius: 0px; + color: inherit; +} +.login-dialog-user-list-item:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.login-dialog-user-list-item:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.login-dialog-user-list-item:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); +} +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin-top: 6px; + background-color: #e6e6fa; +} + +.login-dialog .user-icon StIcon { + background-color: rgba(230, 230, 250, 0.08); +} + +.user-widget-label { + color: inherit; +} + +.user-widget.horizontal .user-widget-label { + padding-left: 16px; + font-size: 15pt; + font-weight: 500; + text-align: left; +} +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; +} +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; +} + +.user-widget.vertical .user-widget-label { + padding-top: 16px; + font-size: 18pt; + font-weight: 400; + text-align: center; +} + +.login-dialog-prompt-layout { + width: 23em; + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; +} + +.login-dialog-prompt-label { + color: rgba(230, 230, 250, 0.7); + font-size: 1em; + padding-top: 1em; +} + +.cancel-button, +.switch-user-button, +.login-dialog-session-list-button { + transition-duration: 100ms; + width: 32px; + height: 32px; + min-width: 0; + min-height: 0; + padding: 0; + border-radius: 16px; + color: rgba(230, 230, 250, 0.7); +} +.cancel-button:focus, +.switch-user-button:focus, +.login-dialog-session-list-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} +.cancel-button:hover, +.switch-user-button:hover, +.login-dialog-session-list-button:hover { + background-color: rgba(230, 230, 250, 0.12); +} +.cancel-button:active, +.switch-user-button:active, +.login-dialog-session-list-button:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.16); +} +.cancel-button StIcon, +.switch-user-button StIcon, +.login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +/* Screen Shield */ +.unlock-dialog-clock { + padding-bottom: 2.5em; + spacing: 24px; + color: #fff; + font-weight: normal; + text-align: center; +} + +.unlock-dialog-clock-time { + padding-top: 42px; + font-size: 96px; + font-weight: 300; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 34px; + font-weight: 400; +} + +.unlock-dialog-clock-hint { + padding-top: 48px; + color: rgba(255, 255, 255, 0.7); + font-weight: normal; +} + +.unlock-dialog-notifications-container { + width: 23em; + margin: 12px 0; + spacing: 6px; + background-color: transparent; +} +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 8px; + border: 0; + border-radius: 0px; + background-color: rgba(255, 255, 255, 0.04); + color: #fff; +} +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(255, 255, 255, 0.04); + color: #ff7002; +} + +.unlock-dialog-notification-label { + padding: 0 0 0 12px; +} + +.unlock-dialog-notification-count-text { + margin-right: 12px; + padding: 2px 8px; + border-radius: 99px; + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +#lockDialogGroup { + background-color: #1f1e1e; + color: #e6e6fa; +} + +#unlockDialogNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.2); +} +#unlockDialogNotifications StScrollBar StButton#vhandle, +#unlockDialogNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} +#unlockDialogNotifications StScrollBar StButton#vhandle:hover, +#unlockDialogNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.6); +} +#unlockDialogNotifications StScrollBar StButton#vhandle:active, +#unlockDialogNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.7); +} + +.screen-shield-background { + background: black; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.68); +} + +/* Dash to Dock */ +#dashtodockContainer #dash { + background-color: rgba(0, 0, 0, 0.6); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.08); +} + +#dashtodockContainer.extended:overview #dash { + background-color: transparent; +} + +#dashtodockContainer.left #dash, +#dashtodockContainer.right #dash { + padding: 3px 0; +} + +#dashtodockContainer.top #dash, +#dashtodockContainer.bottom #dash { + padding: 0 3px; +} + +#dashtodockContainer.extended #dash { + padding: 0; + border-radius: 0; +} + +#dashtodockContainer.left .dash-item-container > StWidget, +#dashtodockContainer.right .dash-item-container > StWidget, +#dashtodockContainer.extended.left .dash-item-container > StWidget, +#dashtodockContainer.extended.right .dash-item-container > StWidget { + padding: 3px 6px; +} + +#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { + padding: 6px 6px 3px 6px; +} + +#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { + padding: 3px 6px 6px 6px; +} + +#dashtodockContainer.top .dash-item-container > StWidget, +#dashtodockContainer.bottom .dash-item-container > StWidget, +#dashtodockContainer.extended.top .dash-item-container > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container > StWidget { + padding: 6px 3px; +} + +#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { + padding: 6px 3px 6px 6px; +} + +#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { + padding: 6px 6px 6px 3px; +} + +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: transparent; +} + +#dashtodockContainer .default { + background-size: cover; +} + +#dashtodockContainer.left .default.running1 { + background-image: url("assets/dash/left-running1.svg"); +} + +#dashtodockContainer.left .default.running1.focused { + background-image: url("assets/dash/left-running1-focused.svg"); +} + +#dashtodockContainer.left .default.running2 { + background-image: url("assets/dash/left-running2.svg"); +} + +#dashtodockContainer.left .default.running2.focused { + background-image: url("assets/dash/left-running2-focused.svg"); +} + +#dashtodockContainer.left .default.running3 { + background-image: url("assets/dash/left-running3.svg"); +} + +#dashtodockContainer.left .default.running3.focused { + background-image: url("assets/dash/left-running3-focused.svg"); +} + +#dashtodockContainer.left .default.running4 { + background-image: url("assets/dash/left-running4.svg"); +} + +#dashtodockContainer.left .default.running4.focused { + background-image: url("assets/dash/left-running4-focused.svg"); +} + +#dashtodockContainer.right .default.running1 { + background-image: url("assets/dash/right-running1.svg"); +} + +#dashtodockContainer.right .default.running1.focused { + background-image: url("assets/dash/right-running1-focused.svg"); +} + +#dashtodockContainer.right .default.running2 { + background-image: url("assets/dash/right-running2.svg"); +} + +#dashtodockContainer.right .default.running2.focused { + background-image: url("assets/dash/right-running2-focused.svg"); +} + +#dashtodockContainer.right .default.running3 { + background-image: url("assets/dash/right-running3.svg"); +} + +#dashtodockContainer.right .default.running3.focused { + background-image: url("assets/dash/right-running3-focused.svg"); +} + +#dashtodockContainer.right .default.running4 { + background-image: url("assets/dash/right-running4.svg"); +} + +#dashtodockContainer.right .default.running4.focused { + background-image: url("assets/dash/right-running4-focused.svg"); +} + +#dashtodockContainer.top .default.running1 { + background-image: url("assets/dash/top-running1.svg"); +} + +#dashtodockContainer.top .default.running1.focused { + background-image: url("assets/dash/top-running1-focused.svg"); +} + +#dashtodockContainer.top .default.running2 { + background-image: url("assets/dash/top-running2.svg"); +} + +#dashtodockContainer.top .default.running2.focused { + background-image: url("assets/dash/top-running2-focused.svg"); +} + +#dashtodockContainer.top .default.running3 { + background-image: url("assets/dash/top-running3.svg"); +} + +#dashtodockContainer.top .default.running3.focused { + background-image: url("assets/dash/top-running3-focused.svg"); +} + +#dashtodockContainer.top .default.running4 { + background-image: url("assets/dash/top-running4.svg"); +} + +#dashtodockContainer.top .default.running4.focused { + background-image: url("assets/dash/top-running4-focused.svg"); +} + +#dashtodockContainer.bottom .default.running1 { + background-image: url("assets/dash/bottom-running1.svg"); +} + +#dashtodockContainer.bottom .default.running1.focused { + background-image: url("assets/dash/bottom-running1-focused.svg"); +} + +#dashtodockContainer.bottom .default.running2 { + background-image: url("assets/dash/bottom-running2.svg"); +} + +#dashtodockContainer.bottom .default.running2.focused { + background-image: url("assets/dash/bottom-running2-focused.svg"); +} + +#dashtodockContainer.bottom .default.running3 { + background-image: url("assets/dash/bottom-running3.svg"); +} + +#dashtodockContainer.bottom .default.running3.focused { + background-image: url("assets/dash/bottom-running3-focused.svg"); +} + +#dashtodockContainer.bottom .default.running4 { + background-image: url("assets/dash/bottom-running4.svg"); +} + +#dashtodockContainer.bottom .default.running4.focused { + background-image: url("assets/dash/bottom-running4-focused.svg"); +} + +/* Simple Dock */ +#dash:desktop { + background-color: rgba(0, 0, 0, 0.6); +} + +/* GPaste */ +.popup-menu .search-entry { + color: #e6e6fa; + selection-background-color: rgba(109, 175, 34, 0.32); + selected-color: #e6e6fa; + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); +} +.popup-menu .search-entry:hover { + box-shadow: inset 0 -1px #e6e6fa; +} +.popup-menu .search-entry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #6daf22; + color: #e6e6fa; +} +.popup-menu .search-entry .search-entry-icon { + color: rgba(230, 230, 250, 0.7); +} +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #e6e6fa; +} diff --git a/gnome-shell/icons/scalable/actions/color-pick.svg b/gnome-shell/icons/scalable/actions/color-pick.svg new file mode 100644 index 0000000..2246776 --- /dev/null +++ b/gnome-shell/icons/scalable/actions/color-pick.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg b/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg new file mode 100644 index 0000000..5267834 --- /dev/null +++ b/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg @@ -0,0 +1,28 @@ + + + + + + + + + diff --git a/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg b/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg new file mode 100644 index 0000000..be37e6f --- /dev/null +++ b/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg @@ -0,0 +1,20 @@ + + + + + + diff --git a/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg b/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg new file mode 100644 index 0000000..f447991 --- /dev/null +++ b/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg b/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg new file mode 100644 index 0000000..b72e178 --- /dev/null +++ b/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/gnome-shell/icons/scalable/actions/preview-close-symbolic.svg b/gnome-shell/icons/scalable/actions/preview-close-symbolic.svg new file mode 100644 index 0000000..2e4e568 --- /dev/null +++ b/gnome-shell/icons/scalable/actions/preview-close-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/carousel-arrow-back-24-symbolic.svg b/gnome-shell/icons/scalable/status/carousel-arrow-back-24-symbolic.svg new file mode 100644 index 0000000..bfddded --- /dev/null +++ b/gnome-shell/icons/scalable/status/carousel-arrow-back-24-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/carousel-arrow-next-24-symbolic.svg b/gnome-shell/icons/scalable/status/carousel-arrow-next-24-symbolic.svg new file mode 100644 index 0000000..beee288 --- /dev/null +++ b/gnome-shell/icons/scalable/status/carousel-arrow-next-24-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg b/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg new file mode 100644 index 0000000..20c4224 --- /dev/null +++ b/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg b/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg new file mode 100644 index 0000000..1f9207e --- /dev/null +++ b/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg b/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg new file mode 100644 index 0000000..fc6bd93 --- /dev/null +++ b/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg b/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg new file mode 100644 index 0000000..91fbb7f --- /dev/null +++ b/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg b/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg new file mode 100644 index 0000000..e8e1117 --- /dev/null +++ b/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg b/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg new file mode 100644 index 0000000..80b78e4 --- /dev/null +++ b/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg b/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg new file mode 100644 index 0000000..691eed1 --- /dev/null +++ b/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg b/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg new file mode 100644 index 0000000..5edac8f --- /dev/null +++ b/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/noise-texture.png b/gnome-shell/noise-texture.png new file mode 100644 index 0000000..ca1563d Binary files /dev/null and b/gnome-shell/noise-texture.png differ diff --git a/gnome-shell/pad-osd.css b/gnome-shell/pad-osd.css new file mode 100644 index 0000000..31c2377 --- /dev/null +++ b/gnome-shell/pad-osd.css @@ -0,0 +1,30 @@ +.Leader { + stroke-width: .5 !important; + stroke: #535353; + fill: none !important; +} + +.Button { + stroke-width: .25; + stroke: #ededed; + fill: #ededed; +} + +.Ring { + stroke-width: .5 !important; + stroke: #535353 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: .1 !important; + font-size: .1 !important; + fill: transparent !important; +} + +.TouchStrip, .TouchRing { + stroke-width: .1 !important; + stroke: #ededed !important; + fill: #535353 !important; +} diff --git a/gnome-shell/process-working.svg b/gnome-shell/process-working.svg new file mode 100644 index 0000000..aa342af --- /dev/null +++ b/gnome-shell/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-2.0.Simplewaita/gtkrc b/gtk-2.0.Simplewaita/gtkrc new file mode 100644 index 0000000..af1df80 --- /dev/null +++ b/gtk-2.0.Simplewaita/gtkrc @@ -0,0 +1,147 @@ + +# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. + +gtk-color-scheme = "bg_color:#3f3e3e" +gtk-color-scheme = "fg_color:#EDF0F5" +gtk-color-scheme = "base_color:#323232" +gtk-color-scheme = "text_color:#EDF0F5" +gtk-color-scheme = "selected_bg_color:#669900" +gtk-color-scheme = "selected_fg_color:#d1ff96" +gtk-color-scheme = "tooltip_bg_color:#203d79" +gtk-color-scheme = "tooltip_fg_color:#66cbec" +gtk-color-scheme = "disabled_bg_color:#493e37" +gtk-color-scheme = "disabled_fg_color:#7c675a" +gtk-color-scheme = "button_bg_color:#4e584d" +gtk-color-scheme = "button_fg_color:#EDF0F5" +gtk-color-scheme = "button_checked_bg_color:#669900" +gtk-color-scheme = "button_checked_fg_color:#d1ff96" + +style "main" { + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @disabled_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) # shade (0.9, @bg_color) # @selected_bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = @disabled_fg_color + fg[ACTIVE] = @fg_color # @fg_color # @selected_fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @disabled_fg_color + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = @disabled_bg_color + base[ACTIVE] = shade (0.9, @selected_bg_color) + + GtkCheckButton::indicator-size = 16 + GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified + GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified + GtkButton::shadow-type = GTK_SHADOW_NONE + #xthickness = 2 + #ythickness = 2 + #engine "redmond95" {} +} + +style "notebook-menu" { +bg[NORMAL] = mix(0.5, @base_color, @bg_color) # selected tab background color +bg[ACTIVE] = @base_color # unselected buttons background color +fg[ACTIVE] = mix(0.5, @text_color, @base_color) +fg[NORMAL] = mix(0.5, @text_color, @base_color) +text[ACTIVE] = mix(0.5, @text_color, @bg_color) +text[NORMAL] = mix(0.5, @text_color, @bg_color) + +fg[PRELIGHT] = mix(0.5, @text_color, @base_color) +} + +style "menubar" { +fg[PRELIGHT] = @selected_fg_color #fg selected +bg[PRELIGHT] = @selected_bg_color #bg selected +fg[ACTIVE] = @selected_fg_color #fg selected +bg[ACTIVE] = @selected_bg_color #bg selected +fg[SELECTED] = @selected_fg_color #fg selected +bg[SELECTED] = @selected_bg_color #bg selected + + +#fg[NORMAL] = "#777777" #unactive tab in ffbrowser +#bg[NORMAL] = "#6E3227" #background for all tabs in ffbrowser +} + +style "progress-bar" { +bg[PRELIGHT] = @selected_bg_color +bg[NORMAL] = @base_color +} + +style "scrollbar" { +GtkScrollbar::has-secondary-forward-stepper = 0 +GtkScrollbar::has-secondary-backward-stepper = 0 +GtkScrollbar::slider_width = 12 +GtkScrollbar::stepper_size = 12 +GtkScrollbar::trough-side-details = 0 +GtkScrollbar::trough-border = 2 + +bg[NORMAL] = @button_bg_color # scrollbar foreground color +bg[PRELIGHT] = shade(1.05, @button_bg_color) # scrollbar prelight color +bg[ACTIVE] = @base_color # scrollbar background color +} + +style "button" { +bg[NORMAL] = @button_bg_color +fg[NORMAL] = @button_fg_color +bg[PRELIGHT] = shade (1.1, @button_bg_color) +bg[ACTIVE] = @button_checked_bg_color +fg[ACTIVE] = @button_checked_fg_color +} + +style "standard-scales" +{ +GtkRange::slider-width = 16 +GtkScale::slider-length = 16 +bg[PRELIGHT] = shade (1.02, @button_bg_color) #slider hover +bg[ACTIVE] = @base_color # trough color +bg[INSENSITIVE] = @disabled_bg_color + +} + +style "tooltips" { +xthickness = 4 +ythickness = 4 + +bg[NORMAL] = @tooltip_bg_color +fg[NORMAL] = @tooltip_fg_color +} + +style "checkradio" { +text[NORMAL] = mix(0.2, @selected_bg_color, @text_color) +# Is there no way to color background of checked radio/checks?? +} + +class "GtkWidget" style "main" +class "GtkScrollbar" style "scrollbar" +class "GtkProgressBar" style "progress-bar" +class "*MenuBar.*MenuItem*" style "menubar" +class "*Scale*" style "standard-scales" +widget_class "*MenuBar.*MenuItem*" style "menubar" +widget_class "*MenuItem*" style "menubar" +widget_class "*GtkButton*" style "button" +widget_class "*ToggleButton" style "button" +widget_class "*ComboButton" style "button" +widget_class "*LinkButton" style "button" +widget_class "*ListButton" style "button" +widget_class "*FontButton" style "button" +widget_class "*ColorButton" style "button" +widget_class "*OptionMenu" style "button" +widget_class "*Check*" style "checkradio" #maybe too much carpet-bombing style here? +widget_class "*Radio*" style "checkradio" +###########################################" +#If edited as widget_class,can overwrite main stlye colors +class "GtkNotebook" style "notebook-menu" +########################################################## diff --git a/gtk-2.0.Soil/Button/mode_normal.png b/gtk-2.0.Soil/Button/mode_normal.png new file mode 100755 index 0000000..6281c6d Binary files /dev/null and b/gtk-2.0.Soil/Button/mode_normal.png differ diff --git a/gtk-2.0.Soil/Button/mode_prelight.png b/gtk-2.0.Soil/Button/mode_prelight.png new file mode 100755 index 0000000..ba362f8 Binary files /dev/null and b/gtk-2.0.Soil/Button/mode_prelight.png differ diff --git a/gtk-2.0.Soil/Button/mode_pressed.png b/gtk-2.0.Soil/Button/mode_pressed.png new file mode 100755 index 0000000..4095348 Binary files /dev/null and b/gtk-2.0.Soil/Button/mode_pressed.png differ diff --git a/gtk-2.0.Soil/Handle/dimple.png b/gtk-2.0.Soil/Handle/dimple.png new file mode 100755 index 0000000..111534a Binary files /dev/null and b/gtk-2.0.Soil/Handle/dimple.png differ diff --git a/gtk-2.0.Soil/Handle/pane-horiz.png b/gtk-2.0.Soil/Handle/pane-horiz.png new file mode 100755 index 0000000..17718d2 Binary files /dev/null and b/gtk-2.0.Soil/Handle/pane-horiz.png differ diff --git a/gtk-2.0.Soil/Handle/pane-vert.png b/gtk-2.0.Soil/Handle/pane-vert.png new file mode 100755 index 0000000..23c8bd3 Binary files /dev/null and b/gtk-2.0.Soil/Handle/pane-vert.png differ diff --git a/gtk-2.0.Soil/Handle/resize_grip.png b/gtk-2.0.Soil/Handle/resize_grip.png new file mode 100755 index 0000000..30fbbc5 Binary files /dev/null and b/gtk-2.0.Soil/Handle/resize_grip.png differ diff --git a/gtk-2.0.Soil/Icons/close.png b/gtk-2.0.Soil/Icons/close.png new file mode 100755 index 0000000..5782752 Binary files /dev/null and b/gtk-2.0.Soil/Icons/close.png differ diff --git a/gtk-2.0.Soil/Sidebar/handle.png b/gtk-2.0.Soil/Sidebar/handle.png new file mode 100755 index 0000000..bd0164d Binary files /dev/null and b/gtk-2.0.Soil/Sidebar/handle.png differ diff --git a/gtk-2.0.Soil/gtkrc b/gtk-2.0.Soil/gtkrc new file mode 100644 index 0000000..97c6d39 --- /dev/null +++ b/gtk-2.0.Soil/gtkrc @@ -0,0 +1,658 @@ +# Copyright (C) 2007-2011 Daniel Foré +# +# This library is free software; you can redistribute it and/or +# modify it under the terms of the GNU Lesser General Public +# License as published by the Free Software Foundation; either +# version 2.1 of the License, or (at your option) any later version. +# +# See the file COPYING for the full license text. + +gtk_color_scheme = "bg_color:#3f3e3e\nselected_bg_color:#669900\nbase_color:#302e2e" # Background, base +gtk_color_scheme = "fg_color:#EDF0F5\nselected_fg_color:#d1ff96\ntext_color:#F7FAFF" # Foreground, text +gtk_color_scheme = "sidebar_color:#302e2e" # Custom colors +gtk_color_scheme = "tooltip_bg_color:#003209\ntooltip_fg_color:#B5FF62" # Tooltips +gtk_color_scheme = "link_color:#7BBD89" # Hyperlinks +gtk_color_scheme = "frame_color:#986a44\ninactive_frame_color:#63452c" # Fix for Chrome +gtk_color_scheme = "bg_color_dark:#282828\ntext_color_dark:#F7FAFF\ntext_color_dark_selected:#FFF" # Dark colors - NO MORE DARKS +gtk_color_scheme = "widget_color:#4F6665" +gtk_color_scheme = "button_bg_color:#4F6665" +gtk_color_scheme = "disabled_bg_color:#543f3f\ndisabled_fg_color:#775f5f" + +gtk-icon-sizes = "gtk-button=16,16" # Set icon size for buttons +gtk-button-images = 1 # Disables icons for buttons with text +gtk-toolbar-style = 0 # Disables text in toolbar +gtk-auto-mnemonics = 1 # Disables lines under menu items + +#################### +## Default Styles ## +#################### + +style "murrine-default" +{ + GnomeHRef ::link_color = @link_color + GtkHTML ::link-color = @link_color + GtkIMHtmlr ::hyperlink-color = @link_color + GtkIMHtml ::hyperlink-color = @link_color + GtkWidget ::link-color = @link_color + GtkWidget ::visited-link-color = @text_color + + GtkButton ::child-displacement-x = 1 + GtkButton ::child-displacement-y = 1 + GtkButton ::default-border = { 0, 0, 0, 0 } + + GtkCheckButton ::indicator-size = 18 + + GtkEntry ::honors-transparent-bg-hint = 1 + GtkEntry ::progress-border = { 2, 2, 2, 2 } + GtkEntry ::state-hint = 0 + + GtkExpander ::expander-size = 16 + + GtkImage ::x-ayatana-indicator-dynamic = 1 + + GtkMenu ::horizontal-padding = 0 + GtkMenu ::vertical-padding = 0 + + GtkMenuBar ::internal-padding = 0 + GtkMenuBar ::window-dragging = 1 + + GtkNotebook ::tab-overlap = 0 + + GtkPaned ::handle-size = 6 + + GtkProgressBar ::min-vertical-bar-width = 10 + GtkProgressBar ::min-horizontal-bar-height = 10 + + GtkScale ::slider-length = 14 + GtkScale ::slider-width = 14 + GtkScale ::trough-side-details = 1 + + GtkScrollbar ::has-backward-stepper = 1 + GtkScrollbar ::has-forward-stepper = 1 + GtkScrollbar ::min-slider-length = 30 + GtkScrollbar ::slider-width = 13 + GtkScrollbar ::trough-border = 1 + + GtkScrolledWindow ::scrollbar-spacing = 0 + GtkScrolledWindow ::scrollbars-within-bevel = 1 + + GtkToolbar ::internal-padding = 0 + GtkTreeView ::expander-size = 7 + GtkTreeView ::vertical-separator = 0 + + GtkWidget ::new-tooltip-style = 1 + GtkWidget ::focus-line-width = 1 + GtkWidget ::focus-padding = 0 + + xthickness = 1 + ythickness = 1 + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[ACTIVE] = shade (0.92, @selected_bg_color) + base[SELECTED] = shade (0.93, @selected_bg_color) + base[INSENSITIVE] = @disabled_bg_color + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @disabled_bg_color + bg[ACTIVE] = shade (1.04, @bg_color) + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = @disabled_fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[ACTIVE] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @disabled_fg_color + + engine "murrine" + { + animation = TRUE + arrowstyle = 1 + border_shades = { 1.15, 0.85 } + colorize_scrollbar = TRUE + contrast = 1.1 + default_button_color = shade (1.05, @selected_bg_color) + focusstyle = 3 + glazestyle = 0 + gradient_shades = {1.18,1.09,1.08,0.9} + glowstyle = 0 + highlight_shade = 1.0 # set highlight amount for buttons or widgets + lightborder_shade = 1.18 # sets lightborder amount for buttons or widgets + lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides + listviewstyle = 2 # 0 = nothing, 1 = dotted, 2 = line + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 2 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 1 # 0 = flat, 1 = glassy, 2 = striped + menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe + progressbarstyle = 1 + reliefstyle = 3 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient + rgba = FALSE # Alpha transparency + roundness = 5 # 0 = square + scrollbarstyle = 2 # scrollbarstyle = 0 nothing, 1 circles, 2 handles, 3 diagonal stripes, 4 diagonal stripes and handles, 5 horizontal stripes, 6 horizontal stripes and handles + separatorstyle = 1 + shadow_shades = { 1.5, 0.7 } + sliderstyle = 1 # 0 = nothing added, 1 handles + stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown + toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient + trough_shades = { 0.85, 1.0 } + } +} + +style "murrine-dark" = "murrine-default" +{ + base[NORMAL] = @bg_color_dark + base[PRELIGHT] = shade (0.95, @bg_color_dark) + base[INSENSITIVE] = darker (@disabled_bg_color) + + bg[NORMAL] = @bg_color_dark + bg[PRELIGHT] = shade (1.02, @bg_color_dark) + bg[SELECTED] = shade (1.1, @selected_bg_color) + bg[INSENSITIVE] = darker (@disabled_bg_color) + bg[ACTIVE] = shade (1.04, @bg_color_dark) + + fg[NORMAL] = @text_color_dark + fg[PRELIGHT] = @text_color_dark_selected + fg[SELECTED] = @text_color_dark_selected + fg[ACTIVE] = @text_color_dark_selected + fg[INSENSITIVE] = darker (@disabled_fg_color) + + text[NORMAL] = @text_color_dark + text[PRELIGHT] = @text_color_dark_selected + text[ACTIVE] = @text_color_dark_selected + text[SELECTED] = @text_color_dark_selected + text[INSENSITIVE] = darker (@disabled_fg_color) +} + +style "murrine-thin" = "murrine-default" { xthickness = 0 ythickness = 0 } +style "murrine-wide" = "murrine-default" { xthickness = 2 ythickness = 2 } +style "murrine-wider" = "murrine-default" { xthickness = 3 ythickness = 3 } +style "murrine-widest" = "murrine-default" { xthickness = 4 ythickness = 4 } +style "murrine-thin-dark" = "murrine-dark" { xthickness = 0 ythickness = 0 } +style "murrine-wide-dark" = "murrine-dark" { xthickness = 2 ythickness = 2 } +style "murrine-wider-dark" = "murrine-dark" { xthickness = 3 ythickness = 3 } + +################### +## Widget Styles ## +################### + +style "murrine-button" = "murrine-widest" { + + bg[ACTIVE] = shade (0.9, @button_bg_color) + bg[NORMAL] = shade (1.0, @button_bg_color) + bg[PRELIGHT] = shade (1.1, @button_bg_color) + bg[SELECTED] = shade (0.8, @button_bg_color) + bg[INSENSITIVE] = darker (@disabled_bg_color) + + engine "murrine" { + border_shades = {1.1, 0.9} + contrast = 1.25 + gradient_shades = {1.10,1.0,0.99,0.90} + lightborderstyle = 1 + textstyle = 1 + } +} + +style "murrine-button-content" = "murrine-wider" { + + GtkWidget ::focus-line-width = 0 + GtkWidget ::focus-padding = 2 + + bg[ACTIVE] = shade (0.9, @base_color) + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[SELECTED] = @base_color + bg[INSENSITIVE] = darker (@disabled_bg_color) + + engine "murrine" { + border_shades = {1.05, 1.05} + contrast = 0.85 + gradient_shades = {1.0,1.5,1.6,2.5} + shadow_shades = {2.0,2.0} + } +} + +style "murrine-button-dark" = "murrine-widest" { + + bg[ACTIVE] = shade (0.80, @bg_color_dark) + bg[NORMAL] = shade (1.15, @bg_color_dark) + bg[PRELIGHT] = shade (1.13, @selected_bg_color) + bg[SELECTED] = shade (0.75, @selected_bg_color) + bg[INSENSITIVE] = shade (0.8, @disabled_bg_color) + + engine "murrine" { + border_shades = {1.1, 0.9} + contrast = 1.25 + gradient_shades = {1.10,1.0,0.99,0.90} + lightborderstyle = 1 + } +} + +style "murrine-comboboxentry" = "murrine-wider" { + + ythickness = 4 + + bg[ACTIVE] = shade (0.80, @bg_color) + bg[NORMAL] = shade (1.15, @bg_color) + bg[PRELIGHT] = shade (1.13, @selected_bg_color) + bg[INSENSITIVE] = darker (@disabled_bg_color) + + engine "murrine" { lightborderstyle = 1 } +} + +style "murrine-combo" = "murrine-comboboxentry" { engine "murrine" { gradient_shades = {1.10,1.0,0.99,0.90} } } + +style "murrine-entry" = "murrine-widest" +{ + + GtkWidget ::focus-line-width = 1 + GtkWidget ::focus-padding = 1 + + bg[ACTIVE] = shade (0.78, @bg_color) + bg[NORMAL] = shade (2.20, @bg_color) + bg[PRELIGHT] = shade (1.18, @selected_bg_color) + bg[SELECTED] = shade (0.9, @selected_bg_color) + bg[INSENSITIVE] = darker (@disabled_bg_color) + + engine "murrine" { + border_shades = {1.35, 1.15} + } +} + +style "murrine-frame-title" { fg[NORMAL] = lighter (@fg_color) } + +style "murrine-menu" = "murrine-thin" { + bg[NORMAL] = shade (0.96, @base_color) +} + +style "murrine-menu-item" = "murrine-wider" +{ + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = @disabled_fg_color + + bg[SELECTED] = shade (1.10, @selected_bg_color) + bg[INSENSITIVE] = @disabled_bg_color + + engine "murrine" + { + contrast = 0.8 + roundness = 0 + lightborderstyle = 1 + + } +} + +style "murrine-menubar" { fg[NORMAL] = @fg_color GtkMenuBar :: shadow-type = GTK_SHADOW_NONE } + +style "murrine-notebook" = "murrine-default" +{ + bg[NORMAL] = shade (1.06, @bg_color) # selected tab entire + bg[ACTIVE] = shade (0.85, @bg_color) # unselected tab + + engine "murrine" { roundness = 4 } +} + +style "murrine-progressbar" = "murrine-thin" +{ + bg[ACTIVE] = shade (0.85, @selected_bg_color) + bg[SELECTED] = @selected_bg_color + + engine "murrine" { + roundness = 100 + highlight_shade = 1.0 + lightborder_shade = 2.0 + gradient_shades = {0.90,1.09,1.10,1.30} + trough_shades = {1.00,1.16} + contrast = 1.13 + border_shades = {1.0, 0.9} + } +} + +style "murrine-scale" = "murrine-wider" +{ + + bg[ACTIVE] = shade (0.78, @bg_color) + bg[NORMAL] = shade (1.30, @bg_color) + bg[PRELIGHT] = shade (1.18, @selected_bg_color) + bg[SELECTED] = shade (0.9, @selected_bg_color) + bg[INSENSITIVE] = @disabled_bg_color + + engine "murrine" { + border_shades = {0.8, 0.6} + contrast = 0.8 + lightborderstyle = 1 + roundness = 7 + trough_shades = {0.9, 1.1} + } +} + +style "murrine-scrollbar" +{ + bg[SELECTED] = @button_bg_color + bg[ACTIVE] = @selected_bg_color + bg[NORMAL] = @button_bg_color + bg[INSENSITIVE] = @disabled_bg_color + engine "murrine" { + roundness = 5 + gradient_shades = {1.05, 1.0, 0.95, 0.9} + highlight_shade = 1.0 + glow_shade = 1.1 + reliefstyle = 1 + gradient_colors = FALSE #{ "#FF0000", "#00FF00", "#0000FF", "#FFFFFF" } + lightborder_shade = 1.1 + lightborderstyle = 1 + trough_shades = { 0.6, 0.8} + border_shades = { 1.1, 0.9} + contrast = 1.0 + } +} + +style "murrine-scrollbar-dark" = "murrine-scrollbar" +{ + + engine "murrine" { + gradient_shades = {0.65,0.65,0.65,0.65} + trough_shades = { 1.0, 1.0} + border_shades = { 0.3, 0.3} + } +} + +style "murrine-scrollbar-sidebar" = "murrine-scrollbar" { + + engine "murrine" { + trough_shades = { 0.97, 0.97} + border_shades = { 1.2, 1.2} + } +} + +style "murrine-sidebar" { + + base[NORMAL] = @bg_color + bg[NORMAL] = @bg_color + text[NORMAL] = mix (0.3, @bg_color, @text_color) + + font_name = "Regular" + + GtkTreeView::odd_row_color = @bg_color + GtkTreeView::even_row_color = @bg_color + + engine "murrine" { + textstyle = 1 + listviewstyle = 0 + } + +} + +style "murrine-tasklist" = "murrine-wide" {} + +style "murrine-toggleswitch" = "murrine-wider" +{ + ythickness = 4 + + bg[ACTIVE] = shade (0.80, @bg_color) + bg[NORMAL] = shade (1.15, @bg_color) + bg[PRELIGHT] = shade (1.13, @selected_bg_color) + bg[SELECTED] = shade (0.75, @selected_bg_color) + bg[INSENSITIVE] = @disabled_bg_color + + engine "murrine" { + border_shades = {1.1, 0.9} + contrast = 1.25 + gradient_shades = {0.90,0.99,1.00,1.10} + lightborderstyle = 1 + textstyle = 1 + } +} + +style "murrine-toolbar" = "murrine-default" +{ + engine "murrine" { + contrast = 1.13 + lightborder_shade = 1.0 + gradient_shades = {1.0,0.94,0.94,0.88} + } +} + +style "murrine-tooltips" = "murrine-wider" +{ + xthickness = 8 + ythickness = 5 + + bg[NORMAL] = @tooltip_bg_color + bg[SELECTED] = "#000" + fg[NORMAL] = @tooltip_fg_color + + engine "murrine" + { + roundness = 0 + trough_shades = { 0.15, 0.3 } + } +} + +style "murrine-treeview" { engine "murrine" { gradient_shades = {1.00,1.00,1.00,1.00} separatorstyle = 0 } } + +style "murrine-treeview-header" = "murrine-default" +{ + ythickness = 1 + + GtkWidget ::focus-padding = 0 + + bg[NORMAL] = shade (1.08, @bg_color) + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @disabled_bg_color + + engine "murrine" { + gradient_shades = {0.96,1.04,1.05,1.18} + glazestyle = 1 + contrast = 1.0 + roundness = 0 + } +} + +style "murrine-xfwm4-tabwin" = "murrine-dark" +{ + bg[NORMAL] = @tooltip_bg_color + bg[PRELIGHT] = shade (0.4, @bg_color_dark) + bg[ACTIVE] = @tooltip_bg_color + bg[SELECTED] = shade (0.4, @bg_color_dark) +} + +style "notebook-close" { stock["gtk-close"] = {{ "Icons/close.png", *, *, * }} } + +style "pixmap-mode-button" { + engine "pixmap" { + image { function = BOX state = PRELIGHT file = "/Button/mode_prelight.png" border = { 3, 13, 3, 3 } stretch = TRUE } + image { function = BOX state = NORMAL file = "/Button/mode_normal.png" border = { 3, 13, 3, 3 } stretch = TRUE } + image { function = BOX state = ACTIVE file = "/Button/mode_pressed.png" border = { 3, 13, 3, 3 } stretch = TRUE } + image { function = BOX state = INSENSITIVE file = "/Button/mode_normal.png" border = { 3, 13, 3, 3 } stretch = TRUE } + image { function = BOX state = SELECTED file = "/Button/mode_pressed.png" border = { 3, 13, 3, 3 } stretch = TRUE } + } +} + +style "overlay-scrollbar" { + + base[SELECTED] = shade (0.6, @base_color) + base[INSENSITIVE] = shade (0.85, @disabled_bg_color) +} + +style "pixmap-paned" { + GtkPaned::handle_size = 8 + + engine "pixmap" { + image { file = "Handle/pane-horiz.png" function = HANDLE overlay_file = "Handle/dimple.png" overlay_stretch = FALSE stretch = TRUE orientation = VERTICAL } + image { file = "Handle/pane-vert.png" function = HANDLE overlay_file = "Handle/dimple.png" overlay_stretch = FALSE stretch = TRUE orientation = HORIZONTAL } + } +} + +style "pixmap-resize-grip" = "murrine-default" { + engine "pixmap" { + image { function = RESIZE_GRIP overlay_file = "/Handle/resize_grip.png" overlay_border = {0,0,0,0 } overlay_stretch = FALSE } + } +} + +style "pixmap-sidebar-handle-left" { + + GtkPaned::handle-size = 2 + + engine "pixmap"{ + image { function = HANDLE file = "/Sidebar/handle.png" stretch = TRUE border = { 0, 0, 0, 0 } } + } +} + +############## +## Matching ## +############## + +class "GtkWidget" style "murrine-default" +class "GtkWindow*" style "pixmap-resize-grip" + +class "GtkToolbar" style "murrine-toolbar" +class "GtkHandleBox" style "murrine-toolbar" +class "GtkRange" style "murrine-wide" +class "GtkFrame" style "murrine-wide" +class "GtkSeparator" style "murrine-wide" +class "GtkEntry" style "murrine-entry" +class "GtkCalendar" style "murrine-wide" +class "GtkInfoBar" style "murrine-default" +class "GtkIconView" style "murrine-default" + +class "GtkSpinButton" style "murrine-combo" + +class "GtkScale" style "murrine-scale" +class "GtkVScale" style "murrine-scale" +class "GtkHScale" style "murrine-scale" + +class "GtkScrollbar" style "murrine-scrollbar" +class "GtkVScrollbar" style "murrine-scrollbar" +class "GtkHScrollbar" style "murrine-scrollbar" + +widget "*ModeButton*" style "pixmap-mode-button" +widget "*ToggleSwitch*" style "murrine-toggleswitch" + +widget "*SidebarHandleLeft" style "pixmap-sidebar-handle-left" +widget "*SidebarScrolled*" style : highest "murrine-scrollbar-sidebar" +widget "*SidebarContent" style "murrine-sidebar" + +widget "xfwm4-tabwin*" style "murrine-xfwm4-tabwin" + +widget_class "**" style "notebook-close" + +widget_class "**" style "murrine-notebook" +widget_class "**" style "murrine-notebook" +widget_class "**" style "murrine-notebook" + +widget_class "*" style "murrine-notebook" +widget_class "*" style "murrine-default" + +widget_class "**" style "murrine-comboboxentry" +widget_class "**" style "murrine-combo" + +widget_class "**" style "murrine-menu" +widget_class "**" style "murrine-menubar" +widget_class "**" style "murrine-menu-item" +widget_class "*.*." style "murrine-scale" + +widget_class "*.." style "murrine-frame-title" +widget_class "*.*" style "murrine-treeview" + +widget_class "*GtkHPaned" style "pixmap-paned" +widget_class "*GtkVPaned" style "pixmap-paned" + +widget_class "*" style "murrine-progressbar" +widget_class "*" style "murrine-progressbar" + +widget_class "**" style "murrine-default" + +widget_class "**" style "murrine-default" + +widget_class "*" style "murrine-button" + +# Treeview header +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" +widget_class "*.." style "murrine-treeview-header" + +#Overlay scrollbars +widget_class "**" style "overlay-scrollbar" + +################################ +# FIXME: This will not work if one embeds eg. a button into the tooltip. +################################ +widget "gtk-tooltip*" style "murrine-tooltips" + +################################################### +# Special cases and work arounds +################################################### + +# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 +# Note that the work around assumes that the combobox is _not_ in +# appears-as-list mode. +# Similar hack also in the menuitem style. +# This style does not affect GtkComboBoxEntry, it does have an effect +# on comboboxes in appears-as-list mode though. +style "murrine-combobox-text-color-workaround" +{ + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = darker (@disabled_fg_color) +} +widget_class "*.." style "murrine-combobox-text-color-workaround" + +style "murrine-menuitem-text-is-fg-color-workaround" +{ + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = darker (@disabled_fg_color) +} + +widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround" + +################################## +# Work around the usage of GtkLabel inside GtkListItems to display text. +# This breaks because the label is shown on a background that is based on the base color set. +# The same problem also exists for GtkCList and GtkCTree +# Only match GtkCList and not the parent widgets, because that would also change the headers. +################################## + +style "murrine-fg-is-text-color-workaround" +{ + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = darker (@disabled_fg_color) +} + +widget_class "**" style "murrine-fg-is-text-color-workaround" +widget_class "*" style "murrine-fg-is-text-color-workaround" + +style "chrome-gtk-frame" { + + ChromeGtkFrame::frame-color = shade (0.5, @bg_color) + ChromeGtkFrame::inactive-frame-color = shade (0.5, @bg_color) + ChromeGtkFrame::incognito-frame-color = shade (0.5, @bg_color) + ChromeGtkFrame::incognito-inactive-frame-color = shade (0.5, @bg_color) + + ChromeGtkFrame::frame-gradient-size = 100 + ChromeGtkFrame::frame-gradient-color = shade (1.08,@bg_color) + ChromeGtkFrame::inactive-frame-gradient-color = shade (1.08,@bg_color) + ChromeGtkFrame::incognito-frame-gradient-color = shade (1.08,@bg_color) + ChromeGtkFrame::incognito-inactive-frame-gradient-color = shade (1.08,@bg_color) + + ChromeGtkFrame::scrollbar-trough-color = @base_color +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" diff --git a/gtk-2.0.materia/apps.rc b/gtk-2.0.materia/apps.rc new file mode 100644 index 0000000..ef31766 --- /dev/null +++ b/gtk-2.0.materia/apps.rc @@ -0,0 +1,92 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. +# custom widgets, programs giving us a chance to alter their UI to fit more with +# the theme or stuff that is supposed to look different, like panels. + +# TODO: This could really look nicer +style "gimp_spin_scale" { + # Spin background + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "chrome_gtk_frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 +} + +# Disable spin button assets for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" + +# Chromium lets us define some colours and settings for better integration +class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/gtk-2.0.materia/assets/border.png b/gtk-2.0.materia/assets/border.png new file mode 100644 index 0000000..eecc20b Binary files /dev/null and b/gtk-2.0.materia/assets/border.png differ diff --git a/gtk-2.0.materia/assets/button-active.png b/gtk-2.0.materia/assets/button-active.png new file mode 100644 index 0000000..45f4e13 Binary files /dev/null and b/gtk-2.0.materia/assets/button-active.png differ diff --git a/gtk-2.0.materia/assets/button-disabled.png b/gtk-2.0.materia/assets/button-disabled.png new file mode 100644 index 0000000..e75a6eb Binary files /dev/null and b/gtk-2.0.materia/assets/button-disabled.png differ diff --git a/gtk-2.0.materia/assets/button-hover.png b/gtk-2.0.materia/assets/button-hover.png new file mode 100644 index 0000000..085960e Binary files /dev/null and b/gtk-2.0.materia/assets/button-hover.png differ diff --git a/gtk-2.0.materia/assets/button.png b/gtk-2.0.materia/assets/button.png new file mode 100644 index 0000000..d80e478 Binary files /dev/null and b/gtk-2.0.materia/assets/button.png differ diff --git a/gtk-2.0.materia/assets/checkbox-checked-active.png b/gtk-2.0.materia/assets/checkbox-checked-active.png new file mode 100644 index 0000000..d862387 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-checked-active.png differ diff --git a/gtk-2.0.materia/assets/checkbox-checked-disabled.png b/gtk-2.0.materia/assets/checkbox-checked-disabled.png new file mode 100644 index 0000000..053f6c5 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-checked-disabled.png differ diff --git a/gtk-2.0.materia/assets/checkbox-checked-hover.png b/gtk-2.0.materia/assets/checkbox-checked-hover.png new file mode 100644 index 0000000..00bb04e Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-checked-hover.png differ diff --git a/gtk-2.0.materia/assets/checkbox-checked.png b/gtk-2.0.materia/assets/checkbox-checked.png new file mode 100644 index 0000000..cbf6ea5 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-checked.png differ diff --git a/gtk-2.0.materia/assets/checkbox-mixed-active.png b/gtk-2.0.materia/assets/checkbox-mixed-active.png new file mode 100644 index 0000000..9bdea45 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-mixed-active.png differ diff --git a/gtk-2.0.materia/assets/checkbox-mixed-disabled.png b/gtk-2.0.materia/assets/checkbox-mixed-disabled.png new file mode 100644 index 0000000..c7dea86 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-mixed-disabled.png differ diff --git a/gtk-2.0.materia/assets/checkbox-mixed-hover.png b/gtk-2.0.materia/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000..7906547 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-mixed-hover.png differ diff --git a/gtk-2.0.materia/assets/checkbox-mixed.png b/gtk-2.0.materia/assets/checkbox-mixed.png new file mode 100644 index 0000000..f28ed8b Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-mixed.png differ diff --git a/gtk-2.0.materia/assets/checkbox-unchecked-active.png b/gtk-2.0.materia/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000..bfebf85 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-unchecked-active.png differ diff --git a/gtk-2.0.materia/assets/checkbox-unchecked-disabled.png b/gtk-2.0.materia/assets/checkbox-unchecked-disabled.png new file mode 100644 index 0000000..06dcdab Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-unchecked-disabled.png differ diff --git a/gtk-2.0.materia/assets/checkbox-unchecked-hover.png b/gtk-2.0.materia/assets/checkbox-unchecked-hover.png new file mode 100644 index 0000000..b42cffb Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-unchecked-hover.png differ diff --git a/gtk-2.0.materia/assets/checkbox-unchecked.png b/gtk-2.0.materia/assets/checkbox-unchecked.png new file mode 100644 index 0000000..2e8d286 Binary files /dev/null and b/gtk-2.0.materia/assets/checkbox-unchecked.png differ diff --git a/gtk-2.0.materia/assets/combo-left-entry-active.png b/gtk-2.0.materia/assets/combo-left-entry-active.png new file mode 100644 index 0000000..a5493d5 Binary files /dev/null and b/gtk-2.0.materia/assets/combo-left-entry-active.png differ diff --git a/gtk-2.0.materia/assets/combo-left-entry-disabled.png b/gtk-2.0.materia/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000..54643ef Binary files /dev/null and b/gtk-2.0.materia/assets/combo-left-entry-disabled.png differ diff --git a/gtk-2.0.materia/assets/combo-left-entry-hover.png b/gtk-2.0.materia/assets/combo-left-entry-hover.png new file mode 100644 index 0000000..78a0c6e Binary files /dev/null and b/gtk-2.0.materia/assets/combo-left-entry-hover.png differ diff --git a/gtk-2.0.materia/assets/combo-left-entry.png b/gtk-2.0.materia/assets/combo-left-entry.png new file mode 100644 index 0000000..612ce28 Binary files /dev/null and b/gtk-2.0.materia/assets/combo-left-entry.png differ diff --git a/gtk-2.0.materia/assets/combo-right-entry-active.png b/gtk-2.0.materia/assets/combo-right-entry-active.png new file mode 100644 index 0000000..bcede40 Binary files /dev/null and b/gtk-2.0.materia/assets/combo-right-entry-active.png differ diff --git a/gtk-2.0.materia/assets/combo-right-entry-disabled.png b/gtk-2.0.materia/assets/combo-right-entry-disabled.png new file mode 100644 index 0000000..b6d3c4a Binary files /dev/null and b/gtk-2.0.materia/assets/combo-right-entry-disabled.png differ diff --git a/gtk-2.0.materia/assets/combo-right-entry-hover.png b/gtk-2.0.materia/assets/combo-right-entry-hover.png new file mode 100644 index 0000000..cf9041d Binary files /dev/null and b/gtk-2.0.materia/assets/combo-right-entry-hover.png differ diff --git a/gtk-2.0.materia/assets/combo-right-entry.png b/gtk-2.0.materia/assets/combo-right-entry.png new file mode 100644 index 0000000..8ed272b Binary files /dev/null and b/gtk-2.0.materia/assets/combo-right-entry.png differ diff --git a/gtk-2.0.materia/assets/entry-active.png b/gtk-2.0.materia/assets/entry-active.png new file mode 100644 index 0000000..f227b67 Binary files /dev/null and b/gtk-2.0.materia/assets/entry-active.png differ diff --git a/gtk-2.0.materia/assets/entry-background-disabled.png b/gtk-2.0.materia/assets/entry-background-disabled.png new file mode 100644 index 0000000..7e05265 Binary files /dev/null and b/gtk-2.0.materia/assets/entry-background-disabled.png differ diff --git a/gtk-2.0.materia/assets/entry-background.png b/gtk-2.0.materia/assets/entry-background.png new file mode 100644 index 0000000..7e05265 Binary files /dev/null and b/gtk-2.0.materia/assets/entry-background.png differ diff --git a/gtk-2.0.materia/assets/entry-disabled.png b/gtk-2.0.materia/assets/entry-disabled.png new file mode 100644 index 0000000..745a6f1 Binary files /dev/null and b/gtk-2.0.materia/assets/entry-disabled.png differ diff --git a/gtk-2.0.materia/assets/entry-hover.png b/gtk-2.0.materia/assets/entry-hover.png new file mode 100644 index 0000000..f017248 Binary files /dev/null and b/gtk-2.0.materia/assets/entry-hover.png differ diff --git a/gtk-2.0.materia/assets/entry.png b/gtk-2.0.materia/assets/entry.png new file mode 100644 index 0000000..c8a8185 Binary files /dev/null and b/gtk-2.0.materia/assets/entry.png differ diff --git a/gtk-2.0.materia/assets/flat-button-active.png b/gtk-2.0.materia/assets/flat-button-active.png new file mode 100644 index 0000000..45f4e13 Binary files /dev/null and b/gtk-2.0.materia/assets/flat-button-active.png differ diff --git a/gtk-2.0.materia/assets/flat-button-disabled.png b/gtk-2.0.materia/assets/flat-button-disabled.png new file mode 100644 index 0000000..16849fd Binary files /dev/null and b/gtk-2.0.materia/assets/flat-button-disabled.png differ diff --git a/gtk-2.0.materia/assets/flat-button-hover.png b/gtk-2.0.materia/assets/flat-button-hover.png new file mode 100644 index 0000000..e75a6eb Binary files /dev/null and b/gtk-2.0.materia/assets/flat-button-hover.png differ diff --git a/gtk-2.0.materia/assets/flat-button.png b/gtk-2.0.materia/assets/flat-button.png new file mode 100644 index 0000000..16849fd Binary files /dev/null and b/gtk-2.0.materia/assets/flat-button.png differ diff --git a/gtk-2.0.materia/assets/focus.png b/gtk-2.0.materia/assets/focus.png new file mode 100644 index 0000000..ae7c560 Binary files /dev/null and b/gtk-2.0.materia/assets/focus.png differ diff --git a/gtk-2.0.materia/assets/frame-inline.png b/gtk-2.0.materia/assets/frame-inline.png new file mode 100644 index 0000000..6580484 Binary files /dev/null and b/gtk-2.0.materia/assets/frame-inline.png differ diff --git a/gtk-2.0.materia/assets/frame-notebook.png b/gtk-2.0.materia/assets/frame-notebook.png new file mode 100644 index 0000000..aa7a1fc Binary files /dev/null and b/gtk-2.0.materia/assets/frame-notebook.png differ diff --git a/gtk-2.0.materia/assets/frame.png b/gtk-2.0.materia/assets/frame.png new file mode 100644 index 0000000..654589d Binary files /dev/null and b/gtk-2.0.materia/assets/frame.png differ diff --git a/gtk-2.0.materia/assets/handle-horz-active.png b/gtk-2.0.materia/assets/handle-horz-active.png new file mode 100644 index 0000000..74d0c30 Binary files /dev/null and b/gtk-2.0.materia/assets/handle-horz-active.png differ diff --git a/gtk-2.0.materia/assets/handle-horz-hover.png b/gtk-2.0.materia/assets/handle-horz-hover.png new file mode 100644 index 0000000..1d8e919 Binary files /dev/null and b/gtk-2.0.materia/assets/handle-horz-hover.png differ diff --git a/gtk-2.0.materia/assets/handle-horz.png b/gtk-2.0.materia/assets/handle-horz.png new file mode 100644 index 0000000..aa8629f Binary files /dev/null and b/gtk-2.0.materia/assets/handle-horz.png differ diff --git a/gtk-2.0.materia/assets/handle-vert-active.png b/gtk-2.0.materia/assets/handle-vert-active.png new file mode 100644 index 0000000..361fa6a Binary files /dev/null and b/gtk-2.0.materia/assets/handle-vert-active.png differ diff --git a/gtk-2.0.materia/assets/handle-vert-hover.png b/gtk-2.0.materia/assets/handle-vert-hover.png new file mode 100644 index 0000000..ae5e32d Binary files /dev/null and b/gtk-2.0.materia/assets/handle-vert-hover.png differ diff --git a/gtk-2.0.materia/assets/handle-vert.png b/gtk-2.0.materia/assets/handle-vert.png new file mode 100644 index 0000000..faf5004 Binary files /dev/null and b/gtk-2.0.materia/assets/handle-vert.png differ diff --git a/gtk-2.0.materia/assets/menu-checkbox-checked-disabled.png b/gtk-2.0.materia/assets/menu-checkbox-checked-disabled.png new file mode 100644 index 0000000..0108c0c Binary files /dev/null and b/gtk-2.0.materia/assets/menu-checkbox-checked-disabled.png differ diff --git a/gtk-2.0.materia/assets/menu-checkbox-checked.png b/gtk-2.0.materia/assets/menu-checkbox-checked.png new file mode 100644 index 0000000..7482301 Binary files /dev/null and b/gtk-2.0.materia/assets/menu-checkbox-checked.png differ diff --git a/gtk-2.0.materia/assets/menu-checkbox-mixed-disabled.png b/gtk-2.0.materia/assets/menu-checkbox-mixed-disabled.png new file mode 100644 index 0000000..7b5c9a0 Binary files /dev/null and b/gtk-2.0.materia/assets/menu-checkbox-mixed-disabled.png differ diff --git a/gtk-2.0.materia/assets/menu-checkbox-mixed.png b/gtk-2.0.materia/assets/menu-checkbox-mixed.png new file mode 100644 index 0000000..7c07cac Binary files /dev/null and b/gtk-2.0.materia/assets/menu-checkbox-mixed.png differ diff --git a/gtk-2.0.materia/assets/menu-checkbox-unchecked-disabled.png b/gtk-2.0.materia/assets/menu-checkbox-unchecked-disabled.png new file mode 100644 index 0000000..d1d3a9e Binary files /dev/null and b/gtk-2.0.materia/assets/menu-checkbox-unchecked-disabled.png differ diff --git a/gtk-2.0.materia/assets/menu-checkbox-unchecked.png b/gtk-2.0.materia/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000..d3c4048 Binary files /dev/null and b/gtk-2.0.materia/assets/menu-checkbox-unchecked.png differ diff --git a/gtk-2.0.materia/assets/menu-radio-checked-disabled.png b/gtk-2.0.materia/assets/menu-radio-checked-disabled.png new file mode 100644 index 0000000..f6aa79d Binary files /dev/null and b/gtk-2.0.materia/assets/menu-radio-checked-disabled.png differ diff --git a/gtk-2.0.materia/assets/menu-radio-checked.png b/gtk-2.0.materia/assets/menu-radio-checked.png new file mode 100644 index 0000000..19625cb Binary files /dev/null and b/gtk-2.0.materia/assets/menu-radio-checked.png differ diff --git a/gtk-2.0.materia/assets/menu-radio-mixed-disabled.png b/gtk-2.0.materia/assets/menu-radio-mixed-disabled.png new file mode 100644 index 0000000..28dd383 Binary files /dev/null and b/gtk-2.0.materia/assets/menu-radio-mixed-disabled.png differ diff --git a/gtk-2.0.materia/assets/menu-radio-mixed.png b/gtk-2.0.materia/assets/menu-radio-mixed.png new file mode 100644 index 0000000..d0d1816 Binary files /dev/null and b/gtk-2.0.materia/assets/menu-radio-mixed.png differ diff --git a/gtk-2.0.materia/assets/menu-radio-unchecked-disabled.png b/gtk-2.0.materia/assets/menu-radio-unchecked-disabled.png new file mode 100644 index 0000000..cace380 Binary files /dev/null and b/gtk-2.0.materia/assets/menu-radio-unchecked-disabled.png differ diff --git a/gtk-2.0.materia/assets/menu-radio-unchecked.png b/gtk-2.0.materia/assets/menu-radio-unchecked.png new file mode 100644 index 0000000..1ae2a97 Binary files /dev/null and b/gtk-2.0.materia/assets/menu-radio-unchecked.png differ diff --git a/gtk-2.0.materia/assets/pan-down-alt.png b/gtk-2.0.materia/assets/pan-down-alt.png new file mode 100644 index 0000000..931b11e Binary files /dev/null and b/gtk-2.0.materia/assets/pan-down-alt.png differ diff --git a/gtk-2.0.materia/assets/pan-down-disabled.png b/gtk-2.0.materia/assets/pan-down-disabled.png new file mode 100644 index 0000000..d67823d Binary files /dev/null and b/gtk-2.0.materia/assets/pan-down-disabled.png differ diff --git a/gtk-2.0.materia/assets/pan-down.png b/gtk-2.0.materia/assets/pan-down.png new file mode 100644 index 0000000..a41980b Binary files /dev/null and b/gtk-2.0.materia/assets/pan-down.png differ diff --git a/gtk-2.0.materia/assets/pan-left-alt.png b/gtk-2.0.materia/assets/pan-left-alt.png new file mode 100644 index 0000000..1622b2f Binary files /dev/null and b/gtk-2.0.materia/assets/pan-left-alt.png differ diff --git a/gtk-2.0.materia/assets/pan-left-disabled.png b/gtk-2.0.materia/assets/pan-left-disabled.png new file mode 100644 index 0000000..68d6dde Binary files /dev/null and b/gtk-2.0.materia/assets/pan-left-disabled.png differ diff --git a/gtk-2.0.materia/assets/pan-left-semi.png b/gtk-2.0.materia/assets/pan-left-semi.png new file mode 100644 index 0000000..ac3473f Binary files /dev/null and b/gtk-2.0.materia/assets/pan-left-semi.png differ diff --git a/gtk-2.0.materia/assets/pan-left.png b/gtk-2.0.materia/assets/pan-left.png new file mode 100644 index 0000000..af55e34 Binary files /dev/null and b/gtk-2.0.materia/assets/pan-left.png differ diff --git a/gtk-2.0.materia/assets/pan-right-alt.png b/gtk-2.0.materia/assets/pan-right-alt.png new file mode 100644 index 0000000..4705fe4 Binary files /dev/null and b/gtk-2.0.materia/assets/pan-right-alt.png differ diff --git a/gtk-2.0.materia/assets/pan-right-disabled.png b/gtk-2.0.materia/assets/pan-right-disabled.png new file mode 100644 index 0000000..fd68fa6 Binary files /dev/null and b/gtk-2.0.materia/assets/pan-right-disabled.png differ diff --git a/gtk-2.0.materia/assets/pan-right-semi.png b/gtk-2.0.materia/assets/pan-right-semi.png new file mode 100644 index 0000000..af49736 Binary files /dev/null and b/gtk-2.0.materia/assets/pan-right-semi.png differ diff --git a/gtk-2.0.materia/assets/pan-right.png b/gtk-2.0.materia/assets/pan-right.png new file mode 100644 index 0000000..ce6881f Binary files /dev/null and b/gtk-2.0.materia/assets/pan-right.png differ diff --git a/gtk-2.0.materia/assets/pan-up-alt.png b/gtk-2.0.materia/assets/pan-up-alt.png new file mode 100644 index 0000000..acd21f1 Binary files /dev/null and b/gtk-2.0.materia/assets/pan-up-alt.png differ diff --git a/gtk-2.0.materia/assets/pan-up-disabled.png b/gtk-2.0.materia/assets/pan-up-disabled.png new file mode 100644 index 0000000..0e4481f Binary files /dev/null and b/gtk-2.0.materia/assets/pan-up-disabled.png differ diff --git a/gtk-2.0.materia/assets/pan-up.png b/gtk-2.0.materia/assets/pan-up.png new file mode 100644 index 0000000..d752390 Binary files /dev/null and b/gtk-2.0.materia/assets/pan-up.png differ diff --git a/gtk-2.0.materia/assets/progressbar-progress.png b/gtk-2.0.materia/assets/progressbar-progress.png new file mode 100644 index 0000000..fecc1b1 Binary files /dev/null and b/gtk-2.0.materia/assets/progressbar-progress.png differ diff --git a/gtk-2.0.materia/assets/progressbar-trough.png b/gtk-2.0.materia/assets/progressbar-trough.png new file mode 100644 index 0000000..7b7a02b Binary files /dev/null and b/gtk-2.0.materia/assets/progressbar-trough.png differ diff --git a/gtk-2.0.materia/assets/radio-checked-active.png b/gtk-2.0.materia/assets/radio-checked-active.png new file mode 100644 index 0000000..76a3cbd Binary files /dev/null and b/gtk-2.0.materia/assets/radio-checked-active.png differ diff --git a/gtk-2.0.materia/assets/radio-checked-disabled.png b/gtk-2.0.materia/assets/radio-checked-disabled.png new file mode 100644 index 0000000..742a1e4 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-checked-disabled.png differ diff --git a/gtk-2.0.materia/assets/radio-checked-hover.png b/gtk-2.0.materia/assets/radio-checked-hover.png new file mode 100644 index 0000000..d1257a9 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-checked-hover.png differ diff --git a/gtk-2.0.materia/assets/radio-checked.png b/gtk-2.0.materia/assets/radio-checked.png new file mode 100644 index 0000000..2ee5328 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-checked.png differ diff --git a/gtk-2.0.materia/assets/radio-mixed-active.png b/gtk-2.0.materia/assets/radio-mixed-active.png new file mode 100644 index 0000000..b9b7488 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-mixed-active.png differ diff --git a/gtk-2.0.materia/assets/radio-mixed-disabled.png b/gtk-2.0.materia/assets/radio-mixed-disabled.png new file mode 100644 index 0000000..19d569a Binary files /dev/null and b/gtk-2.0.materia/assets/radio-mixed-disabled.png differ diff --git a/gtk-2.0.materia/assets/radio-mixed-hover.png b/gtk-2.0.materia/assets/radio-mixed-hover.png new file mode 100644 index 0000000..8a24a57 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-mixed-hover.png differ diff --git a/gtk-2.0.materia/assets/radio-mixed.png b/gtk-2.0.materia/assets/radio-mixed.png new file mode 100644 index 0000000..331081c Binary files /dev/null and b/gtk-2.0.materia/assets/radio-mixed.png differ diff --git a/gtk-2.0.materia/assets/radio-unchecked-active.png b/gtk-2.0.materia/assets/radio-unchecked-active.png new file mode 100644 index 0000000..a3ad04a Binary files /dev/null and b/gtk-2.0.materia/assets/radio-unchecked-active.png differ diff --git a/gtk-2.0.materia/assets/radio-unchecked-disabled.png b/gtk-2.0.materia/assets/radio-unchecked-disabled.png new file mode 100644 index 0000000..dffda09 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-unchecked-disabled.png differ diff --git a/gtk-2.0.materia/assets/radio-unchecked-hover.png b/gtk-2.0.materia/assets/radio-unchecked-hover.png new file mode 100644 index 0000000..d84ab36 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-unchecked-hover.png differ diff --git a/gtk-2.0.materia/assets/radio-unchecked.png b/gtk-2.0.materia/assets/radio-unchecked.png new file mode 100644 index 0000000..dceaf53 Binary files /dev/null and b/gtk-2.0.materia/assets/radio-unchecked.png differ diff --git a/gtk-2.0.materia/assets/scale-horz-trough-active.png b/gtk-2.0.materia/assets/scale-horz-trough-active.png new file mode 100644 index 0000000..c09660f Binary files /dev/null and b/gtk-2.0.materia/assets/scale-horz-trough-active.png differ diff --git a/gtk-2.0.materia/assets/scale-horz-trough-disabled.png b/gtk-2.0.materia/assets/scale-horz-trough-disabled.png new file mode 100644 index 0000000..ccbaef9 Binary files /dev/null and b/gtk-2.0.materia/assets/scale-horz-trough-disabled.png differ diff --git a/gtk-2.0.materia/assets/scale-horz-trough.png b/gtk-2.0.materia/assets/scale-horz-trough.png new file mode 100644 index 0000000..0f861cc Binary files /dev/null and b/gtk-2.0.materia/assets/scale-horz-trough.png differ diff --git a/gtk-2.0.materia/assets/scale-slider-active.png b/gtk-2.0.materia/assets/scale-slider-active.png new file mode 100644 index 0000000..0e98fff Binary files /dev/null and b/gtk-2.0.materia/assets/scale-slider-active.png differ diff --git a/gtk-2.0.materia/assets/scale-slider-disabled.png b/gtk-2.0.materia/assets/scale-slider-disabled.png new file mode 100644 index 0000000..8a7fc31 Binary files /dev/null and b/gtk-2.0.materia/assets/scale-slider-disabled.png differ diff --git a/gtk-2.0.materia/assets/scale-slider-hover.png b/gtk-2.0.materia/assets/scale-slider-hover.png new file mode 100644 index 0000000..fcd90e8 Binary files /dev/null and b/gtk-2.0.materia/assets/scale-slider-hover.png differ diff --git a/gtk-2.0.materia/assets/scale-slider.png b/gtk-2.0.materia/assets/scale-slider.png new file mode 100644 index 0000000..75f11ee Binary files /dev/null and b/gtk-2.0.materia/assets/scale-slider.png differ diff --git a/gtk-2.0.materia/assets/scale-vert-trough-active.png b/gtk-2.0.materia/assets/scale-vert-trough-active.png new file mode 100644 index 0000000..3068796 Binary files /dev/null and b/gtk-2.0.materia/assets/scale-vert-trough-active.png differ diff --git a/gtk-2.0.materia/assets/scale-vert-trough-disabled.png b/gtk-2.0.materia/assets/scale-vert-trough-disabled.png new file mode 100644 index 0000000..72006cc Binary files /dev/null and b/gtk-2.0.materia/assets/scale-vert-trough-disabled.png differ diff --git a/gtk-2.0.materia/assets/scale-vert-trough.png b/gtk-2.0.materia/assets/scale-vert-trough.png new file mode 100644 index 0000000..bdae6fc Binary files /dev/null and b/gtk-2.0.materia/assets/scale-vert-trough.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-horz-slider-active.png b/gtk-2.0.materia/assets/scrollbar-horz-slider-active.png new file mode 100644 index 0000000..a6d0131 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-horz-slider-active.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-horz-slider-disabled.png b/gtk-2.0.materia/assets/scrollbar-horz-slider-disabled.png new file mode 100644 index 0000000..1a610ed Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-horz-slider-disabled.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-horz-slider-hover.png b/gtk-2.0.materia/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 0000000..446e8ca Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-horz-slider-hover.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-horz-slider.png b/gtk-2.0.materia/assets/scrollbar-horz-slider.png new file mode 100644 index 0000000..c47e7e6 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-horz-slider.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-horz-trough.png b/gtk-2.0.materia/assets/scrollbar-horz-trough.png new file mode 100644 index 0000000..b0327d4 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-horz-trough.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-active.png b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000..bf325b1 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-active.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-disabled.png b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 0000000..a8c9779 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-hover.png b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 0000000..874a01a Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider-hover.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider.png b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 0000000..e43cabc Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-ltr-slider.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-ltr-trough.png b/gtk-2.0.materia/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 0000000..fd3c1ef Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-ltr-trough.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-active.png b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 0000000..9522f09 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-active.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-disabled.png b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 0000000..a865178 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-hover.png b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 0000000..04d6f0a Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider-hover.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider.png b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 0000000..ea5cc62 Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-rtl-slider.png differ diff --git a/gtk-2.0.materia/assets/scrollbar-vert-rtl-trough.png b/gtk-2.0.materia/assets/scrollbar-vert-rtl-trough.png new file mode 100644 index 0000000..981ddca Binary files /dev/null and b/gtk-2.0.materia/assets/scrollbar-vert-rtl-trough.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-down-active.png b/gtk-2.0.materia/assets/spin-ltr-down-active.png new file mode 100644 index 0000000..0affc4e Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-down-active.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-down-disabled.png b/gtk-2.0.materia/assets/spin-ltr-down-disabled.png new file mode 100644 index 0000000..651d778 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-down-disabled.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-down-hover.png b/gtk-2.0.materia/assets/spin-ltr-down-hover.png new file mode 100644 index 0000000..739e0a4 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-down-hover.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-down.png b/gtk-2.0.materia/assets/spin-ltr-down.png new file mode 100644 index 0000000..71a4df4 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-down.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-up-active.png b/gtk-2.0.materia/assets/spin-ltr-up-active.png new file mode 100644 index 0000000..627ed61 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-up-active.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-up-disabled.png b/gtk-2.0.materia/assets/spin-ltr-up-disabled.png new file mode 100644 index 0000000..afe3a80 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-up-disabled.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-up-hover.png b/gtk-2.0.materia/assets/spin-ltr-up-hover.png new file mode 100644 index 0000000..ca8b6a3 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-up-hover.png differ diff --git a/gtk-2.0.materia/assets/spin-ltr-up.png b/gtk-2.0.materia/assets/spin-ltr-up.png new file mode 100644 index 0000000..afe3a80 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-ltr-up.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-down-active.png b/gtk-2.0.materia/assets/spin-rtl-down-active.png new file mode 100644 index 0000000..7da0e97 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-down-active.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-down-disabled.png b/gtk-2.0.materia/assets/spin-rtl-down-disabled.png new file mode 100644 index 0000000..878e459 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-down-disabled.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-down-hover.png b/gtk-2.0.materia/assets/spin-rtl-down-hover.png new file mode 100644 index 0000000..dba7724 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-down-hover.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-down.png b/gtk-2.0.materia/assets/spin-rtl-down.png new file mode 100644 index 0000000..8173896 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-down.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-up-active.png b/gtk-2.0.materia/assets/spin-rtl-up-active.png new file mode 100644 index 0000000..d711ec5 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-up-active.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-up-disabled.png b/gtk-2.0.materia/assets/spin-rtl-up-disabled.png new file mode 100644 index 0000000..2d87aac Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-up-disabled.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-up-hover.png b/gtk-2.0.materia/assets/spin-rtl-up-hover.png new file mode 100644 index 0000000..12e2369 Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-up-hover.png differ diff --git a/gtk-2.0.materia/assets/spin-rtl-up.png b/gtk-2.0.materia/assets/spin-rtl-up.png new file mode 100644 index 0000000..2d87aac Binary files /dev/null and b/gtk-2.0.materia/assets/spin-rtl-up.png differ diff --git a/gtk-2.0.materia/assets/tab.png b/gtk-2.0.materia/assets/tab.png new file mode 100644 index 0000000..1f02b0e Binary files /dev/null and b/gtk-2.0.materia/assets/tab.png differ diff --git a/gtk-2.0.materia/assets/treeview-ltr-button-active.png b/gtk-2.0.materia/assets/treeview-ltr-button-active.png new file mode 100644 index 0000000..bd1f558 Binary files /dev/null and b/gtk-2.0.materia/assets/treeview-ltr-button-active.png differ diff --git a/gtk-2.0.materia/assets/treeview-ltr-button-hover.png b/gtk-2.0.materia/assets/treeview-ltr-button-hover.png new file mode 100644 index 0000000..c879563 Binary files /dev/null and b/gtk-2.0.materia/assets/treeview-ltr-button-hover.png differ diff --git a/gtk-2.0.materia/assets/treeview-ltr-button.png b/gtk-2.0.materia/assets/treeview-ltr-button.png new file mode 100644 index 0000000..e6aba27 Binary files /dev/null and b/gtk-2.0.materia/assets/treeview-ltr-button.png differ diff --git a/gtk-2.0.materia/assets/treeview-rtl-button-active.png b/gtk-2.0.materia/assets/treeview-rtl-button-active.png new file mode 100644 index 0000000..d250ef4 Binary files /dev/null and b/gtk-2.0.materia/assets/treeview-rtl-button-active.png differ diff --git a/gtk-2.0.materia/assets/treeview-rtl-button-hover.png b/gtk-2.0.materia/assets/treeview-rtl-button-hover.png new file mode 100644 index 0000000..fbb54a3 Binary files /dev/null and b/gtk-2.0.materia/assets/treeview-rtl-button-hover.png differ diff --git a/gtk-2.0.materia/assets/treeview-rtl-button.png b/gtk-2.0.materia/assets/treeview-rtl-button.png new file mode 100644 index 0000000..3fe41af Binary files /dev/null and b/gtk-2.0.materia/assets/treeview-rtl-button.png differ diff --git a/gtk-2.0.materia/gtkrc b/gtk-2.0.materia/gtkrc new file mode 100644 index 0000000..df27592 --- /dev/null +++ b/gtk-2.0.materia/gtkrc @@ -0,0 +1,42 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of oomox-ClearCrystal-Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "base_color:#323232" +gtk-color-scheme = "text_color:#e6e6fa" +# Foreground/background +gtk-color-scheme = "bg_color:#3f3e3e" +gtk-color-scheme = "fg_color:#e6e6fa" +# Selected foreground/background +gtk-color-scheme = "selected_bg_color:#6daf22" +gtk-color-scheme = "selected_fg_color:#d1ff96" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_bg_color:#3f3e3e" +gtk-color-scheme = "titlebar_fg_color:#e6e6fa" +# Menus +gtk-color-scheme = "menu_color:#4e5848" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_bg_color:#616161" +gtk-color-scheme = "tooltip_fg_color:#e6e6fa" +# Links +gtk-color-scheme = "link_color:#6daf22" +gtk-color-scheme = "visited_link_color:#c58af9" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/gtk-2.0.materia/hacks.rc b/gtk-2.0.materia/hacks.rc new file mode 100644 index 0000000..c288da3 --- /dev/null +++ b/gtk-2.0.materia/hacks.rc @@ -0,0 +1,36 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file contains horrible hacks to make this theme work with some programs +# This is mostly due to the limitations of GTK 2 but sometimes its the fault of +# the programs themselves. Not going to point fingers. +# +# Either way, it's a WONTFIX for both, hence this horrible file. + +style "toplevel_hack" { + engine "adwaita" {} +} + +style "chrome_entry" { + base[NORMAL] = @base_color + base[INSENSITIVE] = @base_color +} + +style "vim_notebook" { + bg[NORMAL] = @base_color + bg[ACTIVE] = @bg_color +} + +# Vim puts an eventbox between the tab and the label and colours it, +# we need to handle that +widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" + +# (he)xchat input box +class "SexySpellEntry" style:highest "normal_entry" + +# Chromium uses base as the fill colour of its own entries +# This would be fine but GTK uses it to fill the surrounding space, so its set to bg +# That results in Chromium using it for the fill, so we need to handle that +widget_class "*Chrom*" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/gtk-2.0.materia/main.rc b/gtk-2.0.materia/main.rc new file mode 100644 index 0000000..a8b318b --- /dev/null +++ b/gtk-2.0.materia/main.rc @@ -0,0 +1,2669 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This is the main theme file, handling all the default widgets and theme +# properties. Since GTK 2 is old, we need to overcome some of its limitations, +# which is also mostly done in this file. Sadly not all of them can be overcome +# so there will always be a visible difference between the GTK 2 and 3 theme. + +style "default" { + xthickness = 1 + ythickness = 1 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-padding = 0 + GtkWidget::focus-line-width = 2 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) + GtkToolbar::internal-padding = 2 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 4 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @visited_link_color + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkHTML::vlink-color = @visited_link_color + GtkIMHtml::hyperlink-color = @link_color + GtkIMHtml::hyperlink-visited-color = @visited_link_color + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 3 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {4, 4, 4, 4} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + # image { + # function = BOX + # detail = "menubar" + # file = "assets/border.png" + # border = {0, 0, 0, 1} + # } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 4 + ythickness = 4 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = mix(0.7, @fg_color, @base_color) + fg[ACTIVE] = mix(0.7, @fg_color, @base_color) + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = BOX + file = "assets/frame-inline.png" + border = {1, 1, 0, 1} + stretch = TRUE + } + } +} + +style "tooltip" { + xthickness = 8 + ythickness = 8 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +style "disable_text_shadow" { + engine "murrine" { + textstyle = 0 + } +} + +style "disable_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 +} + +# Default style, containing theme properties and trying to match every widget as +# much as possible, which is not only faster than trying to match every widget +# by its own but also less bug-prune and more consistent. However there is some +# widget specific stuff that needs to be taken care of, which is the point of +# every other style below. +class "GtkWidget" style "default" + +###################################### +# Override padding, style and colour # +###################################### + +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" +widget_class "*" style "combobox" + +# And disable separators on them +widget_class "*.*" style "disable_separator" +widget_class "**" style "disable_separator" +widget_class "**" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" + +# Tweak the padding on the button a little bit because it +# uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there +# isn't a way to apply the style to only the comboboxes that +# have an entry inside + +# Tool buttons have different styles +widget_class "**" style "tool_button" +widget_class "**.*" style "tool_button" + +# Notebooks +widget_class "*." style "notebook_tab_label" +widget_class "*.." style "notebook_tab_label" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" + +# However, stuff inside eventboxes inside notebooks is grey +# again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" + +# Button labels +widget_class "*." style "button_label" + +# Normalize button labels +widget_class "*." style "normal_button_label" +widget_class "*." style "normal_button_label" + +# ComboBoxes tend to draw the button label with text[] +# instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# Disable white text shadows +widget_class "*" style "disable_text_shadow" +widget_class "*" style "disable_text_shadow" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc new file mode 100644 index 0000000..f7d6c22 --- /dev/null +++ b/gtk-2.0/gtkrc @@ -0,0 +1,442 @@ + +# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. + +gtk-color-scheme = "bg_color:#3f3e3e" +gtk-color-scheme = "fg_color:#EDF0F5" +gtk-color-scheme = "base_color:#323232" +gtk-color-scheme = "text_color:#EDF0F5" +gtk-color-scheme = "selected_bg_color:#75ff25" +gtk-color-scheme = "selected_fg_color:#2a4606" +gtk-color-scheme = "tooltip_bg_color:#203d79" +gtk-color-scheme = "tooltip_fg_color:#66cbec" +gtk-color-scheme = "disabled_bg_color:#493e37" +gtk-color-scheme = "disabled_fg_color:#7c675a" +gtk-color-scheme = "button_bg_color:#4f4f4f" +gtk-color-scheme = "button_fg_color:#EDF0F5" +gtk-color-scheme = "button_checked_bg_color:#434343" +gtk-color-scheme = "button_checked_fg_color:#75ff25" + + +style "default" { +xthickness = 1 +ythickness = 1 + +####################### +# Style Properties +####################### +GtkButton::child-displacement-x = 1 +GtkButton::child-displacement-y = 1 +GtkButton::default-border = { 0, 0, 0, 0 } +GtkButton::image-spacing = 4 +GtkToolButton::icon-spacing = 4 + +GtkCheckButton::indicator-size = 14 + +GtkPaned::handle-size = 6 + +GtkRange::trough-border = 0 +GtkRange::slider-width = 15 +GtkRange::stepper-size = 15 + +GtkScale::slider-length = 23 +GtkScale::trough-side-details = 1 + +GtkScrollbar::min-slider-length = 30 +GtkMenuBar::internal-padding = 0 +GtkExpander::expander-size = 16 +GtkToolbar::internal-padding = 1 +GtkTreeView::expander-size = 14 +GtkTreeView::vertical-separator = 0 + +GtkMenu::horizontal-padding = 0 +GtkMenu::vertical-padding = 0 + +WnckTasklist::fade-overlay-rect = 0 +# The following line hints to gecko (and possibly other appliations) +# that the entry should be drawn transparently on the canvas. +# Without this, gecko will fill in the background of the entry. +GtkEntry::honors-transparent-bg-hint = 1 + +GtkEntry::progress-border = { 2, 2, 2, 2 } + +#################### +# Color Definitions +#################### +bg[NORMAL] = @bg_color +bg[PRELIGHT] = shade (1.02, @bg_color) +bg[SELECTED] = @selected_bg_color +bg[INSENSITIVE] = @disabled_bg_color +bg[ACTIVE] = shade (0.9, @bg_color) + +fg[NORMAL] = @fg_color +fg[PRELIGHT] = @fg_color +fg[SELECTED] = @selected_fg_color +fg[INSENSITIVE] = @disabled_fg_color +fg[ACTIVE] = @fg_color + +text[NORMAL] = @text_color +text[PRELIGHT] = @text_color +text[SELECTED] = @selected_fg_color +text[INSENSITIVE] = @disabled_fg_color +text[ACTIVE] = @selected_fg_color + +base[NORMAL] = @base_color +base[PRELIGHT] = shade (0.95, @bg_color) +base[SELECTED] = @selected_bg_color +base[INSENSITIVE] = @disabled_bg_color +base[ACTIVE] = shade (0.9, @selected_bg_color) + +engine "clearlooks" { +colorize_scrollbar = FALSE +reliefstyle = 0 +menubarstyle = 0 # 0 = flat, 1 = sunken, 2 = flat gradient +toolbarstyle = 0 # 0 = flat, 1 = enable effects +animation = FALSE +radius = 3.0 +style = GUMMY # GLOSSY, GUMMY, CLASSIC +# Set a hint to disable backward compatibility fallbacks. +hint = "use-hints" +} +} + +style "wide" { +xthickness = 2 +ythickness = 2 +} + +style "wider" { +xthickness = 3 +ythickness = 3 +} + +style "entry" { +xthickness = 3 +ythickness = 3 + +bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) +fg[SELECTED] = @text_color + +engine "clearlooks" { +focus_color = shade (0.65, @selected_bg_color) +} +} + +style "spinbutton" { + +engine "clearlooks" { +hint = "spinbutton" +} +} + +style "scale" { +xthickness = 2 +ythickness = 2 + +engine "clearlooks" { +hint = "scale" +} +} + +style "vscale" { + +engine "clearlooks" { +hint = "vscale" +} +} + +style "hscale" { + +engine "clearlooks" { +hint = "hscale" +} +} + +style "scrollbar" { +xthickness = 2 +ythickness = 2 + +engine "clearlooks" { +hint = "scrollbar" +} +} + +style "hscrollbar" { + +engine "clearlooks" { +hint = "hscrollbar" +} +} + +style "vscrollbar" { + +engine "clearlooks" { +hint = "vscrollbar" +} +} + +style "notebook_bg" { + +bg[NORMAL] = shade (1.02, @bg_color) +} + +style "button" { +xthickness = 3 +ythickness = 3 + +bg[NORMAL] = @button_bg_color +fg[NORMAL] = @button_fg_color +bg[PRELIGHT] = shade (1.06, @button_checked_bg_color) +fg[PRELIGHT] = shade (1.06, @button_checked_fg_color) +bg[ACTIVE] = @button_checked_bg_color +fg[ACTIVE] = @button_checked_fg_color #apparently it is ignored by the engine! +} + +# The color is changed by the notebook_bg style, this style +# changes the x/ythickness +style "notebook" { +xthickness = 3 +ythickness = 3 +} + +style "statusbar" { + +engine "clearlooks" { +hint = "statusbar" +} +} + +style "comboboxentry" { + +engine "clearlooks" { +# Note: +# If you set the appears-as-list option on comboboxes in the theme, +# then you should set this hint on the combobox instead. +hint = "comboboxentry" +} +} + +style "menubar" { + +engine "clearlooks" { +hint = "menubar" +} +} + +style "menu" { +xthickness = 0 +ythickness = 0 + +bg[NORMAL] = shade (1.08, @bg_color) + +engine "clearlooks" { +radius = 0.0 +} +} + +style "menu_item" { +xthickness = 2 +ythickness = 3 + +fg[PRELIGHT] = @selected_fg_color +} + +# This style is there to modify the separator menu items. The goals are: +# 1. Get a specific height. +# 2. The line should go to the edges (ie. no border at the left/right) +style "separator_menu_item" { +xthickness = 1 +ythickness = 0 + +GtkSeparatorMenuItem::horizontal-padding = 0 +GtkWidget::wide-separators = 1 +GtkWidget::separator-width = 1 +GtkWidget::separator-height = 7 +} + +style "frame_title" { + +fg[NORMAL] = lighter (@fg_color) +} + +style "treeview" { + +engine "clearlooks" { +hint = "treeview" +} +} + +# The almost useless progress bar style +style "progressbar" { +xthickness = 1 +ythickness = 1 + +fg[PRELIGHT] = @selected_fg_color + +engine "clearlooks" { +# Explicitly set the radius for the progress bars inside menu items. +radius = 3.0 + +hint = "progressbar" +} +} + +# This style is based on the default style, so that the colors from the button +# style are overriden again. +style "treeview_header" = "default" { +xthickness = 2 +ythickness = 1 + +engine "clearlooks" { +hint = "treeview-header" +} +} + +style "tooltips" { +xthickness = 4 +ythickness = 4 + +bg[NORMAL] = @tooltip_bg_color +fg[NORMAL] = @tooltip_fg_color +} + +style "nautilus_location" { + +bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +} + +# Wrokaroudn style for places where the text color is used instead of the fg color. +style "text_is_fg_color_workaround" { + +text[NORMAL] = @fg_color +text[PRELIGHT] = @fg_color +text[SELECTED] = @selected_fg_color +text[ACTIVE] = @fg_color +text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for menus where the text color is used instead of the fg color. +style "menuitem_text_is_fg_color_workaround" { + +text[NORMAL] = @fg_color +text[PRELIGHT] = @selected_fg_color +text[SELECTED] = @selected_fg_color +text[ACTIVE] = @fg_color +text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for places where the fg color is used instead of the text color. +style "fg_is_text_color_workaround" { + +fg[NORMAL] = @text_color +fg[PRELIGHT] = @text_color +fg[SELECTED] = @selected_fg_color +fg[ACTIVE] = @selected_fg_color +fg[INSENSITIVE] = @disabled_fg_color +} + +# Style to set the toolbar to use a flat style. This is because the "New" button in +# Evolution is not drawn transparent. So if there is a gradient in the background it will +# look really wrong. +# See http://bugzilla.gnome.org/show_bug.cgi?id=446953. +style "evo_new_button_workaround" { + +engine "clearlooks" { +toolbarstyle = 0 +} +} + + +############################################################################### +# The following part of the gtkrc applies the different styles to the widgets. +############################################################################### + +# The default style is applied to every widget +class "GtkWidget" style "default" + +class "GtkSeparator" style "wide" +class "GtkFrame" style "wide" +class "GtkCalendar" style "wide" +class "GtkEntry" style "entry" + +class "GtkSpinButton" style "spinbutton" +class "GtkScale" style "scale" +class "GtkVScale" style "vscale" +class "GtkHScale" style "hscale" +class "GtkScrollbar" style "scrollbar" +class "GtkHScrollbar" style "hscrollbar" +class "GtkVScrollbar" style "vscrollbar" + +# General matching follows. The order is choosen so that the right styles override +# each other. EG. progressbar needs to be more important than the menu match. +widget_class "*" style "notebook_bg" +# This is not perfect, it could be done better. +# (That is modify *every* widget in the notebook, and change those back that +# we really don't want changed) +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" + +widget_class "*" style "button" +widget_class "*" style "notebook" +widget_class "**" style "statusbar" + +widget_class "**" style "comboboxentry" +widget_class "**" style "comboboxentry" + +widget_class "**" style "menubar" +widget_class "**" style "menu" +widget_class "**" style "menu_item" +widget_class "**" style "separator_menu_item" + +widget_class "*.." style "frame_title" +widget_class "*.*" style "treeview" + +widget_class "*" style "progressbar" + +# Treeview headers (and similar stock GTK+ widgets) +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" + +# The window of the tooltip is called "gtk-tooltip" +################################################################## +# FIXME: +# This will not work if one embeds eg. a button into the tooltip. +# As far as I can tell right now we will need to rework the theme +# quite a bit to get this working correctly. +# (It will involve setting different priorities, etc.) +################################################################## +widget "gtk-tooltip*" style "tooltips" + +########################################################################## +# Following are special cases and workarounds for issues in applications. +########################################################################## + +# Workaround for the evolution ETable (bug #527532) +widget_class "*.." style "treeview_header" +# Workaround for the evolution ETree +widget_class "*.." style "treeview_header" + +# Special case the nautilus-extra-view-widget +# ToDo: A more generic approach for all applications that have a widget like this. +widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" + +# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 +# Note that this work around assumes that the combobox is _not_ in appears-as-list mode. +widget_class "*.." style "text_is_fg_color_workaround" +# This is the part of the workaround that fixes the menus +widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround" + +# Work around the usage of GtkLabel inside GtkListItems to display text. +# This breaks because the label is shown on a background that is based on the base color. +widget_class "**" style "fg_is_text_color_workaround" +# GtkCList also uses the fg color to draw text on top of the base colors. +widget_class "*" style "fg_is_text_color_workaround" +# Nautilus when renaming files, and maybe other places. +widget_class "*" style "fg_is_text_color_workaround" + +# See the documentation of the style. +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround" diff --git a/gtk-3.0/assets/bullet-symbolic.svg b/gtk-3.0/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/gtk-3.0/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/bullet-symbolic.symbolic.png b/gtk-3.0/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/gtk-3.0/assets/bullet-symbolic.symbolic.png differ diff --git a/gtk-3.0/assets/check-symbolic.svg b/gtk-3.0/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/gtk-3.0/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/check-symbolic.symbolic.png b/gtk-3.0/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/gtk-3.0/assets/check-symbolic.symbolic.png differ diff --git a/gtk-3.0/assets/dash-symbolic.svg b/gtk-3.0/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/gtk-3.0/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/dash-symbolic.symbolic.png b/gtk-3.0/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/gtk-3.0/assets/dash-symbolic.symbolic.png differ diff --git a/gtk-3.0/assets/draggable-black.svg b/gtk-3.0/assets/draggable-black.svg new file mode 100644 index 0000000..8d4c086 --- /dev/null +++ b/gtk-3.0/assets/draggable-black.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/draggable-white.svg b/gtk-3.0/assets/draggable-white.svg new file mode 100644 index 0000000..8713d00 --- /dev/null +++ b/gtk-3.0/assets/draggable-white.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/draggable.svg b/gtk-3.0/assets/draggable.svg new file mode 100644 index 0000000..1b2ff23 --- /dev/null +++ b/gtk-3.0/assets/draggable.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..c02396e Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..2ff6efe Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..53729ec Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d73ff53 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..921509f Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..d157e60 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..52aa71d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..100b0c3 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..74d848d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..01e0e53 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..070f181 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..d0b0441 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..f989dc6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..e1bec6f Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..21c55c3 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..611ed7e Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..de5300d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..456f291 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..b6b677b Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..9f5528d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..4e86277 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..de34cd2 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..4c69d36 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..6cef847 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..194f018 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..bb3ea01 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..554a2c5 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..fb4389a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..0c7657f Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..7995532 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..bdee580 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..5eaf319 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..b23980e Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..65e0b5b Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..c0e6d91 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d4ae2b0 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..043cbfc Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..1d39dc4 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..cb33a8a Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..65f43d8 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..e13ef9f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..6478902 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..0f0a1dc Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..818d99f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d7ce409 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..42eb655 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..253f354 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..0ad203e Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..a367f6c Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..b0c6af5 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..99fcf80 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..8a4b17f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..73f9625 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..3730223 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..1f4fcbd Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..7e7d4e3 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..d114a49 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..3e27d1d Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..e875feb Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..5e09e4f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..00491aa Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..692a8e9 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..25ce994 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..9befc69 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..c8141d9 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..7dce35e Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/gtk-3.0/assets/text-select-end-active-dark.png b/gtk-3.0/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..7bfab5c Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active-dark.png differ diff --git a/gtk-3.0/assets/text-select-end-active-dark@2.png b/gtk-3.0/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..0a827e4 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-end-active.png b/gtk-3.0/assets/text-select-end-active.png new file mode 100644 index 0000000..3b954a8 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active.png differ diff --git a/gtk-3.0/assets/text-select-end-active@2.png b/gtk-3.0/assets/text-select-end-active@2.png new file mode 100644 index 0000000..d405276 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active@2.png differ diff --git a/gtk-3.0/assets/text-select-end-dark.png b/gtk-3.0/assets/text-select-end-dark.png new file mode 100644 index 0000000..e2a49e1 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-dark.png differ diff --git a/gtk-3.0/assets/text-select-end-dark@2.png b/gtk-3.0/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..20e6f04 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-end-hover-dark.png b/gtk-3.0/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..d8565f3 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover-dark.png differ diff --git a/gtk-3.0/assets/text-select-end-hover-dark@2.png b/gtk-3.0/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..552cc81 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-end-hover.png b/gtk-3.0/assets/text-select-end-hover.png new file mode 100644 index 0000000..98f2c96 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover.png differ diff --git a/gtk-3.0/assets/text-select-end-hover@2.png b/gtk-3.0/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..951b6ef Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover@2.png differ diff --git a/gtk-3.0/assets/text-select-end.png b/gtk-3.0/assets/text-select-end.png new file mode 100644 index 0000000..f1dfb6b Binary files /dev/null and b/gtk-3.0/assets/text-select-end.png differ diff --git a/gtk-3.0/assets/text-select-end@2.png b/gtk-3.0/assets/text-select-end@2.png new file mode 100644 index 0000000..0f01173 Binary files /dev/null and b/gtk-3.0/assets/text-select-end@2.png differ diff --git a/gtk-3.0/assets/text-select-start-active-dark.png b/gtk-3.0/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..b4fb025 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active-dark.png differ diff --git a/gtk-3.0/assets/text-select-start-active-dark@2.png b/gtk-3.0/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..99e495e Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-start-active.png b/gtk-3.0/assets/text-select-start-active.png new file mode 100644 index 0000000..654c770 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active.png differ diff --git a/gtk-3.0/assets/text-select-start-active@2.png b/gtk-3.0/assets/text-select-start-active@2.png new file mode 100644 index 0000000..86f9e16 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active@2.png differ diff --git a/gtk-3.0/assets/text-select-start-dark.png b/gtk-3.0/assets/text-select-start-dark.png new file mode 100644 index 0000000..51fb98a Binary files /dev/null and b/gtk-3.0/assets/text-select-start-dark.png differ diff --git a/gtk-3.0/assets/text-select-start-dark@2.png b/gtk-3.0/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..ec6ceca Binary files /dev/null and b/gtk-3.0/assets/text-select-start-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-start-hover-dark.png b/gtk-3.0/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..4f56c37 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover-dark.png differ diff --git a/gtk-3.0/assets/text-select-start-hover-dark@2.png b/gtk-3.0/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..3e5fecc Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-start-hover.png b/gtk-3.0/assets/text-select-start-hover.png new file mode 100644 index 0000000..0fc7e6d Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover.png differ diff --git a/gtk-3.0/assets/text-select-start-hover@2.png b/gtk-3.0/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..11fdf08 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover@2.png differ diff --git a/gtk-3.0/assets/text-select-start.png b/gtk-3.0/assets/text-select-start.png new file mode 100644 index 0000000..71a74d0 Binary files /dev/null and b/gtk-3.0/assets/text-select-start.png differ diff --git a/gtk-3.0/assets/text-select-start@2.png b/gtk-3.0/assets/text-select-start@2.png new file mode 100644 index 0000000..3a831f6 Binary files /dev/null and b/gtk-3.0/assets/text-select-start@2.png differ diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css new file mode 120000 index 0000000..78c9d4e --- /dev/null +++ b/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +gtk.css \ No newline at end of file diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css new file mode 100644 index 0000000..75bfa98 --- /dev/null +++ b/gtk-3.0/gtk.css @@ -0,0 +1,1766 @@ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton:selected, .menuitem.button:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #75ff25; } + +.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton:selected, .menuitem.button:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #2a4606; } + +label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton:disabled:selected, .menuitem.button:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #7c675a; } + +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #CC0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: none; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 1px; -gtk-secondary-caret-color: #75ff25; } + +/*************** Base States * */ +.background { color: #EDF0F5; background-color: #3f3e3e; } + +.background:backdrop { color: #96979a; background-color: #3f3e3e; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #EDF0F5; background-color: #3f3e3e; } + +.gtkstyle-fallback:hover { color: #EDF0F5; background-color: #595757; } + +.gtkstyle-fallback:active { color: #EDF0F5; background-color: #252525; } + +.gtkstyle-fallback:disabled { color: #7c675a; background-color: #493e37; } + +.gtkstyle-fallback:selected { color: #2a4606; background-color: #75ff25; } + +.view, iconview, .view text, iconview text, textview text { color: #EDF0F5; background-color: #323232; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #7c675a; background-color: #493e37; } + +.view > :selected, iconview > :selected, .view text > :selected, iconview text > :selected, textview text > :selected { background-color: #75ff25; } + +textview border { background-color: #393838; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #58f100; background-color: rgba(88, 241, 0, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #75ff25; } + +.content-view .tile:disabled { background-color: #493e37; } + +label { caret-color: currentColor; } + +label selection { background-color: #75ff25; color: #2a4606; } + +label:disabled { color: #7c675a; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #666464; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #CC0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #323232; border-top: 1px solid #595757; } + +assistant .sidebar:backdrop { background-color: #353535; border-color: #545252; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #626263; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #66cbec; border: 1px solid #66cbec; background-color: rgba(32, 61, 121, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #96979a; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; padding-left: 1px; padding-right: 1px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #75ff25; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #7c675a; border-color: #635349; background-color: #493e37; } + +spinbutton.error:not(.vertical), entry.error { color: #CC0000; border-color: #CC0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #CC0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } + +spinbutton:not(.vertical) image, entry image { color: #c8cace; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #EDF0F5; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #75ff25; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #838386; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +.osd spinbutton:not(.vertical), .osd entry { border-color: rgba(54, 106, 157, 0.76); color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 3px 2px #66cbec; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #4384b3; border-color: rgba(86, 171, 210, 0.75); background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -0px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #75ff25; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:dir(rtl):not(.vertical), .linked:not(.vertical) > spinbutton:dir(ltr):not(.vertical), .linked:not(.vertical) > entry:dir(rtl), .linked:not(.vertical) > entry:dir(ltr), .linked:not(.vertical) > entry:first-child:dir(rtl), .linked:not(.vertical) > entry:first-child:dir(ltr), .linked:not(.vertical) > entry:last-child:dir(rtl), .linked:not(.vertical) > entry:last-child:dir(ltr), .linked:not(.vertical) > entry:only-child:dir(rtl), .linked:not(.vertical) > entry:only-child:dir(ltr) { border-radius: 0px; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #75ff25; } + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #CC0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #33d17a; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #3e3d3d; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #3e3d3d; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #75ff25; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #CC0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #75ff25; } + +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #CC0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; } + +spinbutton.error:not(.vertical), entry.error { color: #CC0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #323232; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #75ff25; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #323232; background-color: #909194; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #aaabad; } + +:backdrop .entry-tag { color: #353535; background-color: #656667; } + +.entry-tag.button { background-color: transparent; color: rgba(50, 50, 50, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #909194; color: #323232; } + +:not(:backdrop) .entry-tag.button:active { background-color: #909194; color: rgba(50, 50, 50, 0.7); } + +/****************************************************** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } } + +button.sidebar-button, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, button:hover, button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:hover image, notebook > header tabs > tab:hover image, notebook > header > tabs > arrow:hover image, treeview.view header button:hover image, modelbutton.flat arrow:hover image, expander title > arrow:hover arrow, notebook > header tabs > tab:hover arrow, notebook > header > tabs > arrow:hover arrow, treeview.view header button:hover arrow, modelbutton.flat arrow:hover arrow, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, expander title > arrow:focus image, notebook > header tabs > tab:focus image, notebook > header > tabs > arrow:focus image, treeview.view header button:focus image, modelbutton.flat arrow:focus image, expander title > arrow:focus arrow, notebook > header tabs > tab:focus arrow, notebook > header > tabs > arrow:focus arrow, treeview.view header button:focus arrow, modelbutton.flat arrow:focus arrow, button:hover, button:hover image, button:hover arrow, button:focus, button:focus image, button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, expander title > arrow.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, treeview.view header button.keyboard-activating, modelbutton.flat arrow.keyboard-activating, button:active, button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, expander title > arrow:selected, notebook > header tabs > tab:selected, notebook > header > tabs > arrow:selected, treeview.view header button:selected, modelbutton.flat arrow:selected, expander title > arrow.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header > tabs > arrow.has-open-popup, treeview.view header button.has-open-popup, modelbutton.flat arrow.has-open-popup, button:checked, button:selected, button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, expander title > arrow:checked image, notebook > header tabs > tab:checked image, notebook > header > tabs > arrow:checked image, treeview.view header button:checked image, modelbutton.flat arrow:checked image, expander title > arrow:checked arrow, notebook > header tabs > tab:checked arrow, notebook > header > tabs > arrow:checked arrow, treeview.view header button:checked arrow, modelbutton.flat arrow:checked arrow, expander title > arrow:selected, notebook > header tabs > tab:selected, notebook > header > tabs > arrow:selected, treeview.view header button:selected, modelbutton.flat arrow:selected, expander title > arrow:selected image, notebook > header tabs > tab:selected image, notebook > header > tabs > arrow:selected image, treeview.view header button:selected image, modelbutton.flat arrow:selected image, expander title > arrow:selected arrow, notebook > header tabs > tab:selected arrow, notebook > header > tabs > arrow:selected arrow, treeview.view header button:selected arrow, modelbutton.flat arrow:selected arrow, expander title > arrow.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header > tabs > arrow.has-open-popup, treeview.view header button.has-open-popup, modelbutton.flat arrow.has-open-popup, expander title > arrow.has-open-popup image, notebook > header tabs > tab.has-open-popup image, notebook > header > tabs > arrow.has-open-popup image, treeview.view header button.has-open-popup image, modelbutton.flat arrow.has-open-popup image, expander title > arrow.has-open-popup arrow, notebook > header tabs > tab.has-open-popup arrow, notebook > header > tabs > arrow.has-open-popup arrow, treeview.view header button.has-open-popup arrow, modelbutton.flat arrow.has-open-popup arrow, button:checked, button:checked image, button:checked arrow, button:selected, button:selected image, button:selected arrow, button.has-open-popup, button.has-open-popup image, button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header > tabs > arrow:checked:hover, modelbutton.flat arrow:checked:hover, expander title > arrow:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header > tabs > arrow:checked:focus, modelbutton.flat arrow:checked:focus, expander title > arrow:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header > tabs > arrow:selected:hover, modelbutton.flat arrow:selected:hover, expander title > arrow:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header > tabs > arrow:selected:focus, modelbutton.flat arrow:selected:focus, expander title > arrow.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:hover, expander title > arrow.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, modelbutton.flat arrow.has-open-popup:focus, button:checked:hover, button:checked:focus, button:selected:hover, button:selected:focus, button.has-open-popup:hover, button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +button.sidebar-button:checked:hover, button.sidebar-button:checked:hover image, button.sidebar-button:checked:hover arrow, button.sidebar-button:checked:focus, button.sidebar-button:checked:focus image, button.sidebar-button:checked:focus arrow, button.sidebar-button:selected:hover, button.sidebar-button:selected:hover image, button.sidebar-button:selected:hover arrow, button.sidebar-button:selected:focus, button.sidebar-button:selected:focus image, button.sidebar-button:selected:focus arrow, button.has-open-popup.sidebar-button:hover, button.has-open-popup.sidebar-button:hover image, button.has-open-popup.sidebar-button:hover arrow, button.has-open-popup.sidebar-button:focus, button.has-open-popup.sidebar-button:focus image, button.has-open-popup.sidebar-button:focus arrow, expander title > arrow:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header > tabs > arrow:checked:hover, modelbutton.flat arrow:checked:hover, expander title > arrow:checked:hover image, notebook > header tabs > tab:checked:hover image, notebook > header > tabs > arrow:checked:hover image, modelbutton.flat arrow:checked:hover image, expander title > arrow:checked:hover arrow, notebook > header tabs > tab:checked:hover arrow, notebook > header > tabs > arrow:checked:hover arrow, modelbutton.flat arrow:checked:hover arrow, expander title > arrow:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header > tabs > arrow:checked:focus, modelbutton.flat arrow:checked:focus, expander title > arrow:checked:focus image, notebook > header tabs > tab:checked:focus image, notebook > header > tabs > arrow:checked:focus image, modelbutton.flat arrow:checked:focus image, expander title > arrow:checked:focus arrow, notebook > header tabs > tab:checked:focus arrow, notebook > header > tabs > arrow:checked:focus arrow, modelbutton.flat arrow:checked:focus arrow, expander title > arrow:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header > tabs > arrow:selected:hover, modelbutton.flat arrow:selected:hover, expander title > arrow:selected:hover image, notebook > header tabs > tab:selected:hover image, notebook > header > tabs > arrow:selected:hover image, modelbutton.flat arrow:selected:hover image, expander title > arrow:selected:hover arrow, notebook > header tabs > tab:selected:hover arrow, notebook > header > tabs > arrow:selected:hover arrow, modelbutton.flat arrow:selected:hover arrow, expander title > arrow:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header > tabs > arrow:selected:focus, modelbutton.flat arrow:selected:focus, expander title > arrow:selected:focus image, notebook > header tabs > tab:selected:focus image, notebook > header > tabs > arrow:selected:focus image, modelbutton.flat arrow:selected:focus image, expander title > arrow:selected:focus arrow, notebook > header tabs > tab:selected:focus arrow, notebook > header > tabs > arrow:selected:focus arrow, modelbutton.flat arrow:selected:focus arrow, expander title > arrow.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:hover, expander title > arrow.has-open-popup:hover image, notebook > header tabs > tab.has-open-popup:hover image, notebook > header > tabs > arrow.has-open-popup:hover image, modelbutton.flat arrow.has-open-popup:hover image, expander title > arrow.has-open-popup:hover arrow, notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header > tabs > arrow.has-open-popup:hover arrow, modelbutton.flat arrow.has-open-popup:hover arrow, expander title > arrow.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, modelbutton.flat arrow.has-open-popup:focus, expander title > arrow.has-open-popup:focus image, notebook > header tabs > tab.has-open-popup:focus image, notebook > header > tabs > arrow.has-open-popup:focus image, modelbutton.flat arrow.has-open-popup:focus image, expander title > arrow.has-open-popup:focus arrow, notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header > tabs > arrow.has-open-popup:focus arrow, modelbutton.flat arrow.has-open-popup:focus arrow, button:checked:hover, button:checked:hover image, button:checked:hover arrow, button:checked:focus, button:checked:focus image, button:checked:focus arrow, button:selected:hover, button:selected:hover image, button:selected:hover arrow, button:selected:focus, button:selected:focus image, button:selected:focus arrow, button.has-open-popup:hover, button.has-open-popup:hover image, button.has-open-popup:hover arrow, button.has-open-popup:focus, button.has-open-popup:focus image, button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow:disabled, notebook > header tabs > tab:disabled, notebook > header > tabs > arrow:disabled, treeview.view header button:disabled, modelbutton.flat arrow:disabled, button:disabled, button:disabled:checked, button:disabled:selected, button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.image-button, notebook > header tabs > tab.image-button, notebook > header > tabs > arrow.image-button, treeview.view header button.image-button, modelbutton.flat arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } + +expander title > arrow.text-button, notebook > header tabs > tab.text-button, notebook > header > tabs > arrow.text-button, treeview.view header button.text-button, modelbutton.flat arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +expander title > arrow.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, modelbutton.flat arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +expander title > arrow.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, modelbutton.flat arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, expander title > arrow:drop(active), notebook > header tabs > tab:drop(active), notebook > header > tabs > arrow:drop(active), treeview.view header button:drop(active), modelbutton.flat arrow:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +expander title > arrow.small-button, notebook > header tabs > tab.small-button, notebook > header > tabs > arrow.small-button, treeview.view header button.small-button, modelbutton.flat arrow.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } + +expander title > arrow.osd, notebook > header tabs > tab.osd, notebook > header > tabs > arrow.osd, treeview.view header button.osd, modelbutton.flat arrow.osd, button.osd { color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-width: 26px; min-height: 32px; } + +expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, expander title > arrow.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header > tabs > arrow.osd:focus, modelbutton.flat arrow.osd:focus, button.osd:hover, button.osd:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, expander title > arrow.osd:hover image, notebook > header tabs > tab.osd:hover image, notebook > header > tabs > arrow.osd:hover image, modelbutton.flat arrow.osd:hover image, expander title > arrow.osd:hover arrow, notebook > header tabs > tab.osd:hover arrow, notebook > header > tabs > arrow.osd:hover arrow, modelbutton.flat arrow.osd:hover arrow, expander title > arrow.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header > tabs > arrow.osd:focus, modelbutton.flat arrow.osd:focus, expander title > arrow.osd:focus image, notebook > header tabs > tab.osd:focus image, notebook > header > tabs > arrow.osd:focus image, modelbutton.flat arrow.osd:focus image, expander title > arrow.osd:focus arrow, notebook > header tabs > tab.osd:focus arrow, notebook > header > tabs > arrow.osd:focus arrow, modelbutton.flat arrow.osd:focus arrow, button.osd:hover, button.osd:hover image, button.osd:hover arrow, button.osd:focus, button.osd:focus image, button.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd.keyboard-activating, notebook > header tabs > tab.osd.keyboard-activating, notebook > header > tabs > arrow.osd.keyboard-activating, modelbutton.flat arrow.osd.keyboard-activating, button.osd:active, button.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, expander title > arrow.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header > tabs > arrow.osd:selected, modelbutton.flat arrow.osd:selected, expander title > arrow.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, modelbutton.flat arrow.osd.has-open-popup, button.osd:checked, button.osd:selected, button.osd.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, expander title > arrow.osd:checked image, notebook > header tabs > tab.osd:checked image, notebook > header > tabs > arrow.osd:checked image, modelbutton.flat arrow.osd:checked image, expander title > arrow.osd:checked arrow, notebook > header tabs > tab.osd:checked arrow, notebook > header > tabs > arrow.osd:checked arrow, modelbutton.flat arrow.osd:checked arrow, expander title > arrow.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header > tabs > arrow.osd:selected, modelbutton.flat arrow.osd:selected, expander title > arrow.osd:selected image, notebook > header tabs > tab.osd:selected image, notebook > header > tabs > arrow.osd:selected image, modelbutton.flat arrow.osd:selected image, expander title > arrow.osd:selected arrow, notebook > header tabs > tab.osd:selected arrow, notebook > header > tabs > arrow.osd:selected arrow, modelbutton.flat arrow.osd:selected arrow, expander title > arrow.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, modelbutton.flat arrow.osd.has-open-popup, expander title > arrow.osd.has-open-popup image, notebook > header tabs > tab.osd.has-open-popup image, notebook > header > tabs > arrow.osd.has-open-popup image, modelbutton.flat arrow.osd.has-open-popup image, expander title > arrow.osd.has-open-popup arrow, notebook > header tabs > tab.osd.has-open-popup arrow, notebook > header > tabs > arrow.osd.has-open-popup arrow, modelbutton.flat arrow.osd.has-open-popup arrow, button.osd:checked, button.osd:checked image, button.osd:checked arrow, button.osd:selected, button.osd:selected image, button.osd:selected arrow, button.osd.has-open-popup, button.osd.has-open-popup image, button.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, modelbutton.flat arrow.osd:checked:hover, expander title > arrow.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, modelbutton.flat arrow.osd:checked:focus, expander title > arrow.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, modelbutton.flat arrow.osd:selected:hover, expander title > arrow.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, modelbutton.flat arrow.osd:selected:focus, expander title > arrow.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, modelbutton.flat arrow.osd.has-open-popup:hover, expander title > arrow.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, modelbutton.flat arrow.osd.has-open-popup:focus, button.osd:checked:hover, button.osd:checked:focus, button.osd:selected:hover, button.osd:selected:focus, button.osd.has-open-popup:hover, button.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, modelbutton.flat arrow.osd:checked:hover, expander title > arrow.osd:checked:hover image, notebook > header tabs > tab.osd:checked:hover image, notebook > header > tabs > arrow.osd:checked:hover image, modelbutton.flat arrow.osd:checked:hover image, expander title > arrow.osd:checked:hover arrow, notebook > header tabs > tab.osd:checked:hover arrow, notebook > header > tabs > arrow.osd:checked:hover arrow, modelbutton.flat arrow.osd:checked:hover arrow, expander title > arrow.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, modelbutton.flat arrow.osd:checked:focus, expander title > arrow.osd:checked:focus image, notebook > header tabs > tab.osd:checked:focus image, notebook > header > tabs > arrow.osd:checked:focus image, modelbutton.flat arrow.osd:checked:focus image, expander title > arrow.osd:checked:focus arrow, notebook > header tabs > tab.osd:checked:focus arrow, notebook > header > tabs > arrow.osd:checked:focus arrow, modelbutton.flat arrow.osd:checked:focus arrow, expander title > arrow.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, modelbutton.flat arrow.osd:selected:hover, expander title > arrow.osd:selected:hover image, notebook > header tabs > tab.osd:selected:hover image, notebook > header > tabs > arrow.osd:selected:hover image, modelbutton.flat arrow.osd:selected:hover image, expander title > arrow.osd:selected:hover arrow, notebook > header tabs > tab.osd:selected:hover arrow, notebook > header > tabs > arrow.osd:selected:hover arrow, modelbutton.flat arrow.osd:selected:hover arrow, expander title > arrow.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, modelbutton.flat arrow.osd:selected:focus, expander title > arrow.osd:selected:focus image, notebook > header tabs > tab.osd:selected:focus image, notebook > header > tabs > arrow.osd:selected:focus image, modelbutton.flat arrow.osd:selected:focus image, expander title > arrow.osd:selected:focus arrow, notebook > header tabs > tab.osd:selected:focus arrow, notebook > header > tabs > arrow.osd:selected:focus arrow, modelbutton.flat arrow.osd:selected:focus arrow, expander title > arrow.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, modelbutton.flat arrow.osd.has-open-popup:hover, expander title > arrow.osd.has-open-popup:hover image, notebook > header tabs > tab.osd.has-open-popup:hover image, notebook > header > tabs > arrow.osd.has-open-popup:hover image, modelbutton.flat arrow.osd.has-open-popup:hover image, expander title > arrow.osd.has-open-popup:hover arrow, notebook > header tabs > tab.osd.has-open-popup:hover arrow, notebook > header > tabs > arrow.osd.has-open-popup:hover arrow, modelbutton.flat arrow.osd.has-open-popup:hover arrow, expander title > arrow.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, modelbutton.flat arrow.osd.has-open-popup:focus, expander title > arrow.osd.has-open-popup:focus image, notebook > header tabs > tab.osd.has-open-popup:focus image, notebook > header > tabs > arrow.osd.has-open-popup:focus image, modelbutton.flat arrow.osd.has-open-popup:focus image, expander title > arrow.osd.has-open-popup:focus arrow, notebook > header tabs > tab.osd.has-open-popup:focus arrow, notebook > header > tabs > arrow.osd.has-open-popup:focus arrow, modelbutton.flat arrow.osd.has-open-popup:focus arrow, button.osd:checked:hover, button.osd:checked:hover image, button.osd:checked:hover arrow, button.osd:checked:focus, button.osd:checked:focus image, button.osd:checked:focus arrow, button.osd:selected:hover, button.osd:selected:hover image, button.osd:selected:hover arrow, button.osd:selected:focus, button.osd:selected:focus image, button.osd:selected:focus arrow, button.osd.has-open-popup:hover, button.osd.has-open-popup:hover image, button.osd.has-open-popup:hover arrow, button.osd.has-open-popup:focus, button.osd.has-open-popup:focus image, button.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header > tabs > arrow.osd:disabled, modelbutton.flat arrow.osd:disabled, button.osd:disabled, button.osd:disabled:checked, button.osd:disabled:selected, button.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header > tabs > arrow.osd.image-button, modelbutton.flat arrow.osd.image-button, button.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 expander title > arrow, expander .osd title > arrow, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header > tabs > arrow, .osd treeview.view header button, treeview.view header .osd button, .osd modelbutton.flat arrow, modelbutton.flat .osd arrow, .osd button { color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd expander title > arrow:focus, expander .osd title > arrow:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header > tabs > arrow:focus, .osd modelbutton.flat arrow:focus, modelbutton.flat .osd arrow:focus, .osd button:hover, .osd button:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover image, popover.background.touch-selection button:hover image, popover.background.magnifier button:hover image, .app-notification button:hover arrow, popover.background.touch-selection button:hover arrow, popover.background.magnifier button:hover arrow, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .app-notification button:focus image, popover.background.touch-selection button:focus image, popover.background.magnifier button:focus image, .app-notification button:focus arrow, popover.background.touch-selection button:focus arrow, popover.background.magnifier button:focus arrow, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd expander title > arrow:hover image, expander .osd title > arrow:hover image, .osd notebook > header tabs > tab:hover image, notebook > header .osd tabs > tab:hover image, .osd notebook > header > tabs > arrow:hover image, .osd modelbutton.flat arrow:hover image, modelbutton.flat .osd arrow:hover image, .osd expander title > arrow:hover arrow, expander .osd title > arrow:hover arrow, .osd notebook > header tabs > tab:hover arrow, notebook > header .osd tabs > tab:hover arrow, .osd notebook > header > tabs > arrow:hover arrow, .osd modelbutton.flat arrow:hover arrow, modelbutton.flat .osd arrow:hover arrow, .osd expander title > arrow:focus, expander .osd title > arrow:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header > tabs > arrow:focus, .osd modelbutton.flat arrow:focus, modelbutton.flat .osd arrow:focus, .osd expander title > arrow:focus image, expander .osd title > arrow:focus image, .osd notebook > header tabs > tab:focus image, notebook > header .osd tabs > tab:focus image, .osd notebook > header > tabs > arrow:focus image, .osd modelbutton.flat arrow:focus image, modelbutton.flat .osd arrow:focus image, .osd expander title > arrow:focus arrow, expander .osd title > arrow:focus arrow, .osd notebook > header tabs > tab:focus arrow, notebook > header .osd tabs > tab:focus arrow, .osd notebook > header > tabs > arrow:focus arrow, .osd modelbutton.flat arrow:focus arrow, modelbutton.flat .osd arrow:focus arrow, .osd button:hover, .osd button:hover image, .osd button:hover arrow, .osd button:focus, .osd button:focus image, .osd button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button.keyboard-activating, popover.background.touch-selection button.keyboard-activating, popover.background.magnifier button.keyboard-activating, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow.keyboard-activating, expander .osd title > arrow.keyboard-activating, .osd notebook > header tabs > tab.keyboard-activating, notebook > header .osd tabs > tab.keyboard-activating, .osd notebook > header > tabs > arrow.keyboard-activating, .osd modelbutton.flat arrow.keyboard-activating, modelbutton.flat .osd arrow.keyboard-activating, .osd button:active, .osd button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd expander title > arrow:selected, expander .osd title > arrow:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header > tabs > arrow:selected, .osd modelbutton.flat arrow:selected, modelbutton.flat .osd arrow:selected, .osd expander title > arrow.has-open-popup, expander .osd title > arrow.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd modelbutton.flat arrow.has-open-popup, modelbutton.flat .osd arrow.has-open-popup, .osd button:checked, .osd button:selected, .osd button.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.app-notification button:checked, .app-notification.frame button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked image, .app-notification.frame button:checked image, popover.background.touch-selection button:checked image, popover.background.magnifier button:checked image, .app-notification button:checked arrow, .app-notification.frame button:checked arrow, popover.background.touch-selection button:checked arrow, popover.background.magnifier button:checked arrow, .app-notification button:selected, .app-notification.frame button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button:selected image, .app-notification.frame button:selected image, popover.background.touch-selection button:selected image, popover.background.magnifier button:selected image, .app-notification button:selected arrow, .app-notification.frame button:selected arrow, popover.background.touch-selection button:selected arrow, popover.background.magnifier button:selected arrow, .app-notification button.has-open-popup, .app-notification.frame button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .app-notification button.has-open-popup image, .app-notification.frame button.has-open-popup image, popover.background.touch-selection button.has-open-popup image, popover.background.magnifier button.has-open-popup image, .app-notification button.has-open-popup arrow, .app-notification.frame button.has-open-popup arrow, popover.background.touch-selection button.has-open-popup arrow, popover.background.magnifier button.has-open-popup arrow, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd expander title > arrow:checked image, expander .osd title > arrow:checked image, .osd notebook > header tabs > tab:checked image, notebook > header .osd tabs > tab:checked image, .osd notebook > header > tabs > arrow:checked image, .osd modelbutton.flat arrow:checked image, modelbutton.flat .osd arrow:checked image, .osd expander title > arrow:checked arrow, expander .osd title > arrow:checked arrow, .osd notebook > header tabs > tab:checked arrow, notebook > header .osd tabs > tab:checked arrow, .osd notebook > header > tabs > arrow:checked arrow, .osd modelbutton.flat arrow:checked arrow, modelbutton.flat .osd arrow:checked arrow, .osd expander title > arrow:selected, expander .osd title > arrow:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header > tabs > arrow:selected, .osd modelbutton.flat arrow:selected, modelbutton.flat .osd arrow:selected, .osd expander title > arrow:selected image, expander .osd title > arrow:selected image, .osd notebook > header tabs > tab:selected image, notebook > header .osd tabs > tab:selected image, .osd notebook > header > tabs > arrow:selected image, .osd modelbutton.flat arrow:selected image, modelbutton.flat .osd arrow:selected image, .osd expander title > arrow:selected arrow, expander .osd title > arrow:selected arrow, .osd notebook > header tabs > tab:selected arrow, notebook > header .osd tabs > tab:selected arrow, .osd notebook > header > tabs > arrow:selected arrow, .osd modelbutton.flat arrow:selected arrow, modelbutton.flat .osd arrow:selected arrow, .osd expander title > arrow.has-open-popup, expander .osd title > arrow.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd modelbutton.flat arrow.has-open-popup, modelbutton.flat .osd arrow.has-open-popup, .osd expander title > arrow.has-open-popup image, expander .osd title > arrow.has-open-popup image, .osd notebook > header tabs > tab.has-open-popup image, notebook > header .osd tabs > tab.has-open-popup image, .osd notebook > header > tabs > arrow.has-open-popup image, .osd modelbutton.flat arrow.has-open-popup image, modelbutton.flat .osd arrow.has-open-popup image, .osd expander title > arrow.has-open-popup arrow, expander .osd title > arrow.has-open-popup arrow, .osd notebook > header tabs > tab.has-open-popup arrow, notebook > header .osd tabs > tab.has-open-popup arrow, .osd notebook > header > tabs > arrow.has-open-popup arrow, .osd modelbutton.flat arrow.has-open-popup arrow, modelbutton.flat .osd arrow.has-open-popup arrow, .osd button:checked, .osd button:checked image, .osd button:checked arrow, .osd button:selected, .osd button:selected image, .osd button:selected arrow, .osd button.has-open-popup, .osd button.has-open-popup image, .osd button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.app-notification button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .osd expander title > arrow:checked:hover, expander .osd title > arrow:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd modelbutton.flat arrow:checked:hover, modelbutton.flat .osd arrow:checked:hover, .osd expander title > arrow:checked:focus, expander .osd title > arrow:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd modelbutton.flat arrow:checked:focus, modelbutton.flat .osd arrow:checked:focus, .osd expander title > arrow:selected:hover, expander .osd title > arrow:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd modelbutton.flat arrow:selected:hover, modelbutton.flat .osd arrow:selected:hover, .osd expander title > arrow:selected:focus, expander .osd title > arrow:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd modelbutton.flat arrow:selected:focus, modelbutton.flat .osd arrow:selected:focus, .osd expander title > arrow.has-open-popup:hover, expander .osd title > arrow.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat .osd arrow.has-open-popup:hover, .osd expander title > arrow.has-open-popup:focus, expander .osd title > arrow.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd modelbutton.flat arrow.has-open-popup:focus, modelbutton.flat .osd arrow.has-open-popup:focus, .osd button:checked:hover, .osd button:checked:focus, .osd button:selected:hover, .osd button:selected:focus, .osd button.has-open-popup:hover, .osd button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.app-notification button:checked:hover, .app-notification.frame button:checked:hover, .csd popover.background.touch-selection button:checked:hover, .csd popover.background.magnifier button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:hover image, .app-notification.frame button:checked:hover image, .csd popover.background.touch-selection button:checked:hover image, .csd popover.background.magnifier button:checked:hover image, popover.background.touch-selection button:checked:hover image, popover.background.magnifier button:checked:hover image, .app-notification button:checked:hover arrow, .app-notification.frame button:checked:hover arrow, .csd popover.background.touch-selection button:checked:hover arrow, .csd popover.background.magnifier button:checked:hover arrow, popover.background.touch-selection button:checked:hover arrow, popover.background.magnifier button:checked:hover arrow, .app-notification button:checked:focus, .app-notification.frame button:checked:focus, .csd popover.background.touch-selection button:checked:focus, .csd popover.background.magnifier button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:checked:focus image, .app-notification.frame button:checked:focus image, .csd popover.background.touch-selection button:checked:focus image, .csd popover.background.magnifier button:checked:focus image, popover.background.touch-selection button:checked:focus image, popover.background.magnifier button:checked:focus image, .app-notification button:checked:focus arrow, .app-notification.frame button:checked:focus arrow, .csd popover.background.touch-selection button:checked:focus arrow, .csd popover.background.magnifier button:checked:focus arrow, popover.background.touch-selection button:checked:focus arrow, popover.background.magnifier button:checked:focus arrow, .app-notification button:selected:hover, .app-notification.frame button:selected:hover, .csd popover.background.touch-selection button:selected:hover, .csd popover.background.magnifier button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:hover image, .app-notification.frame button:selected:hover image, .csd popover.background.touch-selection button:selected:hover image, .csd popover.background.magnifier button:selected:hover image, popover.background.touch-selection button:selected:hover image, popover.background.magnifier button:selected:hover image, .app-notification button:selected:hover arrow, .app-notification.frame button:selected:hover arrow, .csd popover.background.touch-selection button:selected:hover arrow, .csd popover.background.magnifier button:selected:hover arrow, popover.background.touch-selection button:selected:hover arrow, popover.background.magnifier button:selected:hover arrow, .app-notification button:selected:focus, .app-notification.frame button:selected:focus, .csd popover.background.touch-selection button:selected:focus, .csd popover.background.magnifier button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button:selected:focus image, .app-notification.frame button:selected:focus image, .csd popover.background.touch-selection button:selected:focus image, .csd popover.background.magnifier button:selected:focus image, popover.background.touch-selection button:selected:focus image, popover.background.magnifier button:selected:focus image, .app-notification button:selected:focus arrow, .app-notification.frame button:selected:focus arrow, .csd popover.background.touch-selection button:selected:focus arrow, .csd popover.background.magnifier button:selected:focus arrow, popover.background.touch-selection button:selected:focus arrow, popover.background.magnifier button:selected:focus arrow, .app-notification button.has-open-popup:hover, .app-notification.frame button.has-open-popup:hover, .csd popover.background.touch-selection button.has-open-popup:hover, .csd popover.background.magnifier button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:hover image, .app-notification.frame button.has-open-popup:hover image, .csd popover.background.touch-selection button.has-open-popup:hover image, .csd popover.background.magnifier button.has-open-popup:hover image, popover.background.touch-selection button.has-open-popup:hover image, popover.background.magnifier button.has-open-popup:hover image, .app-notification button.has-open-popup:hover arrow, .app-notification.frame button.has-open-popup:hover arrow, .csd popover.background.touch-selection button.has-open-popup:hover arrow, .csd popover.background.magnifier button.has-open-popup:hover arrow, popover.background.touch-selection button.has-open-popup:hover arrow, popover.background.magnifier button.has-open-popup:hover arrow, .app-notification button.has-open-popup:focus, .app-notification.frame button.has-open-popup:focus, .csd popover.background.touch-selection button.has-open-popup:focus, .csd popover.background.magnifier button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .app-notification button.has-open-popup:focus image, .app-notification.frame button.has-open-popup:focus image, .csd popover.background.touch-selection button.has-open-popup:focus image, .csd popover.background.magnifier button.has-open-popup:focus image, popover.background.touch-selection button.has-open-popup:focus image, popover.background.magnifier button.has-open-popup:focus image, .app-notification button.has-open-popup:focus arrow, .app-notification.frame button.has-open-popup:focus arrow, .csd popover.background.touch-selection button.has-open-popup:focus arrow, .csd popover.background.magnifier button.has-open-popup:focus arrow, popover.background.touch-selection button.has-open-popup:focus arrow, popover.background.magnifier button.has-open-popup:focus arrow, .osd expander title > arrow:checked:hover, expander .osd title > arrow:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd treeview.view header button:checked:hover, treeview.view header .osd button:checked:hover, .osd modelbutton.flat arrow:checked:hover, modelbutton.flat .osd arrow:checked:hover, .osd expander title > arrow:checked:hover image, expander .osd title > arrow:checked:hover image, .osd notebook > header tabs > tab:checked:hover image, notebook > header .osd tabs > tab:checked:hover image, .osd notebook > header > tabs > arrow:checked:hover image, .osd treeview.view header button:checked:hover image, treeview.view header .osd button:checked:hover image, .osd modelbutton.flat arrow:checked:hover image, modelbutton.flat .osd arrow:checked:hover image, .osd expander title > arrow:checked:hover arrow, expander .osd title > arrow:checked:hover arrow, .osd notebook > header tabs > tab:checked:hover arrow, notebook > header .osd tabs > tab:checked:hover arrow, .osd notebook > header > tabs > arrow:checked:hover arrow, .osd treeview.view header button:checked:hover arrow, treeview.view header .osd button:checked:hover arrow, .osd modelbutton.flat arrow:checked:hover arrow, modelbutton.flat .osd arrow:checked:hover arrow, .osd expander title > arrow:checked:focus, expander .osd title > arrow:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd treeview.view header button:checked:focus, treeview.view header .osd button:checked:focus, .osd modelbutton.flat arrow:checked:focus, modelbutton.flat .osd arrow:checked:focus, .osd expander title > arrow:checked:focus image, expander .osd title > arrow:checked:focus image, .osd notebook > header tabs > tab:checked:focus image, notebook > header .osd tabs > tab:checked:focus image, .osd notebook > header > tabs > arrow:checked:focus image, .osd treeview.view header button:checked:focus image, treeview.view header .osd button:checked:focus image, .osd modelbutton.flat arrow:checked:focus image, modelbutton.flat .osd arrow:checked:focus image, .osd expander title > arrow:checked:focus arrow, expander .osd title > arrow:checked:focus arrow, .osd notebook > header tabs > tab:checked:focus arrow, notebook > header .osd tabs > tab:checked:focus arrow, .osd notebook > header > tabs > arrow:checked:focus arrow, .osd treeview.view header button:checked:focus arrow, treeview.view header .osd button:checked:focus arrow, .osd modelbutton.flat arrow:checked:focus arrow, modelbutton.flat .osd arrow:checked:focus arrow, .osd expander title > arrow:selected:hover, expander .osd title > arrow:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd treeview.view header button:selected:hover, treeview.view header .osd button:selected:hover, .osd modelbutton.flat arrow:selected:hover, modelbutton.flat .osd arrow:selected:hover, .osd expander title > arrow:selected:hover image, expander .osd title > arrow:selected:hover image, .osd notebook > header tabs > tab:selected:hover image, notebook > header .osd tabs > tab:selected:hover image, .osd notebook > header > tabs > arrow:selected:hover image, .osd treeview.view header button:selected:hover image, treeview.view header .osd button:selected:hover image, .osd modelbutton.flat arrow:selected:hover image, modelbutton.flat .osd arrow:selected:hover image, .osd expander title > arrow:selected:hover arrow, expander .osd title > arrow:selected:hover arrow, .osd notebook > header tabs > tab:selected:hover arrow, notebook > header .osd tabs > tab:selected:hover arrow, .osd notebook > header > tabs > arrow:selected:hover arrow, .osd treeview.view header button:selected:hover arrow, treeview.view header .osd button:selected:hover arrow, .osd modelbutton.flat arrow:selected:hover arrow, modelbutton.flat .osd arrow:selected:hover arrow, .osd expander title > arrow:selected:focus, expander .osd title > arrow:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd treeview.view header button:selected:focus, treeview.view header .osd button:selected:focus, .osd modelbutton.flat arrow:selected:focus, modelbutton.flat .osd arrow:selected:focus, .osd expander title > arrow:selected:focus image, expander .osd title > arrow:selected:focus image, .osd notebook > header tabs > tab:selected:focus image, notebook > header .osd tabs > tab:selected:focus image, .osd notebook > header > tabs > arrow:selected:focus image, .osd treeview.view header button:selected:focus image, treeview.view header .osd button:selected:focus image, .osd modelbutton.flat arrow:selected:focus image, modelbutton.flat .osd arrow:selected:focus image, .osd expander title > arrow:selected:focus arrow, expander .osd title > arrow:selected:focus arrow, .osd notebook > header tabs > tab:selected:focus arrow, notebook > header .osd tabs > tab:selected:focus arrow, .osd notebook > header > tabs > arrow:selected:focus arrow, .osd treeview.view header button:selected:focus arrow, treeview.view header .osd button:selected:focus arrow, .osd modelbutton.flat arrow:selected:focus arrow, modelbutton.flat .osd arrow:selected:focus arrow, .osd expander title > arrow.has-open-popup:hover, expander .osd title > arrow.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd treeview.view header button.has-open-popup:hover, treeview.view header .osd button.has-open-popup:hover, .osd modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat .osd arrow.has-open-popup:hover, .osd expander title > arrow.has-open-popup:hover image, expander .osd title > arrow.has-open-popup:hover image, .osd notebook > header tabs > tab.has-open-popup:hover image, notebook > header .osd tabs > tab.has-open-popup:hover image, .osd notebook > header > tabs > arrow.has-open-popup:hover image, .osd treeview.view header button.has-open-popup:hover image, treeview.view header .osd button.has-open-popup:hover image, .osd modelbutton.flat arrow.has-open-popup:hover image, modelbutton.flat .osd arrow.has-open-popup:hover image, .osd expander title > arrow.has-open-popup:hover arrow, expander .osd title > arrow.has-open-popup:hover arrow, .osd notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header .osd tabs > tab.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.has-open-popup:hover arrow, .osd treeview.view header button.has-open-popup:hover arrow, treeview.view header .osd button.has-open-popup:hover arrow, .osd modelbutton.flat arrow.has-open-popup:hover arrow, modelbutton.flat .osd arrow.has-open-popup:hover arrow, .osd expander title > arrow.has-open-popup:focus, expander .osd title > arrow.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd treeview.view header button.has-open-popup:focus, treeview.view header .osd button.has-open-popup:focus, .osd modelbutton.flat arrow.has-open-popup:focus, modelbutton.flat .osd arrow.has-open-popup:focus, .osd expander title > arrow.has-open-popup:focus image, expander .osd title > arrow.has-open-popup:focus image, .osd notebook > header tabs > tab.has-open-popup:focus image, notebook > header .osd tabs > tab.has-open-popup:focus image, .osd notebook > header > tabs > arrow.has-open-popup:focus image, .osd treeview.view header button.has-open-popup:focus image, treeview.view header .osd button.has-open-popup:focus image, .osd modelbutton.flat arrow.has-open-popup:focus image, modelbutton.flat .osd arrow.has-open-popup:focus image, .osd expander title > arrow.has-open-popup:focus arrow, expander .osd title > arrow.has-open-popup:focus arrow, .osd notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header .osd tabs > tab.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.has-open-popup:focus arrow, .osd treeview.view header button.has-open-popup:focus arrow, treeview.view header .osd button.has-open-popup:focus arrow, .osd modelbutton.flat arrow.has-open-popup:focus arrow, modelbutton.flat .osd arrow.has-open-popup:focus arrow, .osd button:checked:hover, .osd button:checked:hover image, .osd button:checked:hover arrow, .osd button:checked:focus, .osd button:checked:focus image, .osd button:checked:focus arrow, .osd button:selected:hover, .osd button:selected:hover image, .osd button:selected:hover arrow, .osd button:selected:focus, .osd button:selected:focus image, .osd button:selected:focus arrow, .osd button.has-open-popup:hover, .osd button.has-open-popup:hover image, .osd button.has-open-popup:hover arrow, .osd button.has-open-popup:focus, .osd button.has-open-popup:focus image, .osd button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled, .osd button:disabled:checked, .osd button:disabled:selected, .osd button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:disabled:hover, popover.background.touch-selection button:disabled:hover, popover.background.magnifier button:disabled:hover, .app-notification button:disabled:focus, popover.background.touch-selection button:disabled:focus, popover.background.magnifier button:disabled:focus, .osd expander title > arrow:disabled:hover, expander .osd title > arrow:disabled:hover, .osd notebook > header tabs > tab:disabled:hover, notebook > header .osd tabs > tab:disabled:hover, .osd notebook > header > tabs > arrow:disabled:hover, .osd modelbutton.flat arrow:disabled:hover, modelbutton.flat .osd arrow:disabled:hover, .osd expander title > arrow:disabled:focus, expander .osd title > arrow:disabled:focus, .osd notebook > header tabs > tab:disabled:focus, notebook > header .osd tabs > tab:disabled:focus, .osd notebook > header > tabs > arrow:disabled:focus, .osd modelbutton.flat arrow:disabled:focus, modelbutton.flat .osd arrow:disabled:focus, .osd button:disabled:hover, .osd button:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.app-notification button:disabled:hover, popover.background.touch-selection button:disabled:hover, popover.background.magnifier button:disabled:hover, .app-notification button:disabled:hover image, popover.background.touch-selection button:disabled:hover image, popover.background.magnifier button:disabled:hover image, .app-notification button:disabled:hover arrow, popover.background.touch-selection button:disabled:hover arrow, popover.background.magnifier button:disabled:hover arrow, .app-notification button:disabled:focus, popover.background.touch-selection button:disabled:focus, popover.background.magnifier button:disabled:focus, .app-notification button:disabled:focus image, popover.background.touch-selection button:disabled:focus image, popover.background.magnifier button:disabled:focus image, .app-notification button:disabled:focus arrow, popover.background.touch-selection button:disabled:focus arrow, popover.background.magnifier button:disabled:focus arrow, .osd expander title > arrow:disabled:hover, expander .osd title > arrow:disabled:hover, .osd notebook > header tabs > tab:disabled:hover, notebook > header .osd tabs > tab:disabled:hover, .osd notebook > header > tabs > arrow:disabled:hover, .osd modelbutton.flat arrow:disabled:hover, modelbutton.flat .osd arrow:disabled:hover, .osd expander title > arrow:disabled:hover image, expander .osd title > arrow:disabled:hover image, .osd notebook > header tabs > tab:disabled:hover image, notebook > header .osd tabs > tab:disabled:hover image, .osd notebook > header > tabs > arrow:disabled:hover image, .osd modelbutton.flat arrow:disabled:hover image, modelbutton.flat .osd arrow:disabled:hover image, .osd expander title > arrow:disabled:hover arrow, expander .osd title > arrow:disabled:hover arrow, .osd notebook > header tabs > tab:disabled:hover arrow, notebook > header .osd tabs > tab:disabled:hover arrow, .osd notebook > header > tabs > arrow:disabled:hover arrow, .osd modelbutton.flat arrow:disabled:hover arrow, modelbutton.flat .osd arrow:disabled:hover arrow, .osd expander title > arrow:disabled:focus, expander .osd title > arrow:disabled:focus, .osd notebook > header tabs > tab:disabled:focus, notebook > header .osd tabs > tab:disabled:focus, .osd notebook > header > tabs > arrow:disabled:focus, .osd modelbutton.flat arrow:disabled:focus, modelbutton.flat .osd arrow:disabled:focus, .osd expander title > arrow:disabled:focus image, expander .osd title > arrow:disabled:focus image, .osd notebook > header tabs > tab:disabled:focus image, notebook > header .osd tabs > tab:disabled:focus image, .osd notebook > header > tabs > arrow:disabled:focus image, .osd modelbutton.flat arrow:disabled:focus image, modelbutton.flat .osd arrow:disabled:focus image, .osd expander title > arrow:disabled:focus arrow, expander .osd title > arrow:disabled:focus arrow, .osd notebook > header tabs > tab:disabled:focus arrow, notebook > header .osd tabs > tab:disabled:focus arrow, .osd notebook > header > tabs > arrow:disabled:focus arrow, .osd modelbutton.flat arrow:disabled:focus arrow, modelbutton.flat .osd arrow:disabled:focus arrow, .osd button:disabled:hover, .osd button:disabled:hover image, .osd button:disabled:hover arrow, .osd button:disabled:focus, .osd button:disabled:focus image, .osd button:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.app-notification button:disabled:active, popover.background.touch-selection button:disabled:active, popover.background.magnifier button:disabled:active, .app-notification button:disabled.keyboard-activating, popover.background.touch-selection button:disabled.keyboard-activating, popover.background.magnifier button:disabled.keyboard-activating, .osd expander title > arrow:disabled:active, expander .osd title > arrow:disabled:active, .osd notebook > header tabs > tab:disabled:active, notebook > header .osd tabs > tab:disabled:active, .osd notebook > header > tabs > arrow:disabled:active, .osd modelbutton.flat arrow:disabled:active, modelbutton.flat .osd arrow:disabled:active, .osd expander title > arrow:disabled.keyboard-activating, expander .osd title > arrow:disabled.keyboard-activating, .osd notebook > header tabs > tab:disabled.keyboard-activating, notebook > header .osd tabs > tab:disabled.keyboard-activating, .osd notebook > header > tabs > arrow:disabled.keyboard-activating, .osd modelbutton.flat arrow:disabled.keyboard-activating, modelbutton.flat .osd arrow:disabled.keyboard-activating, .osd button:disabled:active, .osd button:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, .app-notification button:disabled:selected, popover.background.touch-selection button:disabled:selected, popover.background.magnifier button:disabled:selected, .app-notification button:disabled.has-open-popup, popover.background.touch-selection button:disabled.has-open-popup, popover.background.magnifier button:disabled.has-open-popup, .osd expander title > arrow:disabled:checked, expander .osd title > arrow:disabled:checked, .osd notebook > header tabs > tab:disabled:checked, notebook > header .osd tabs > tab:disabled:checked, .osd notebook > header > tabs > arrow:disabled:checked, .osd modelbutton.flat arrow:disabled:checked, modelbutton.flat .osd arrow:disabled:checked, .osd expander title > arrow:disabled:selected, expander .osd title > arrow:disabled:selected, .osd notebook > header tabs > tab:disabled:selected, notebook > header .osd tabs > tab:disabled:selected, .osd notebook > header > tabs > arrow:disabled:selected, .osd modelbutton.flat arrow:disabled:selected, modelbutton.flat .osd arrow:disabled:selected, .osd expander title > arrow:disabled.has-open-popup, expander .osd title > arrow:disabled.has-open-popup, .osd notebook > header tabs > tab:disabled.has-open-popup, notebook > header .osd tabs > tab:disabled.has-open-popup, .osd notebook > header > tabs > arrow:disabled.has-open-popup, .osd modelbutton.flat arrow:disabled.has-open-popup, modelbutton.flat .osd arrow:disabled.has-open-popup, .osd button:disabled:checked, .osd button:disabled:selected, .osd button:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.app-notification button:disabled:checked, .app-notification.frame button:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, .app-notification button:disabled:checked image, .app-notification.frame button:disabled:checked image, popover.background.touch-selection button:disabled:checked image, popover.background.magnifier button:disabled:checked image, .app-notification button:disabled:checked arrow, .app-notification.frame button:disabled:checked arrow, popover.background.touch-selection button:disabled:checked arrow, popover.background.magnifier button:disabled:checked arrow, .app-notification button:disabled:selected, .app-notification.frame button:disabled:selected, popover.background.touch-selection button:disabled:selected, popover.background.magnifier button:disabled:selected, .app-notification button:disabled:selected image, .app-notification.frame button:disabled:selected image, popover.background.touch-selection button:disabled:selected image, popover.background.magnifier button:disabled:selected image, .app-notification button:disabled:selected arrow, .app-notification.frame button:disabled:selected arrow, popover.background.touch-selection button:disabled:selected arrow, popover.background.magnifier button:disabled:selected arrow, .app-notification button:disabled.has-open-popup, .app-notification.frame button:disabled.has-open-popup, popover.background.touch-selection button:disabled.has-open-popup, popover.background.magnifier button:disabled.has-open-popup, .app-notification button:disabled.has-open-popup image, .app-notification.frame button:disabled.has-open-popup image, popover.background.touch-selection button:disabled.has-open-popup image, popover.background.magnifier button:disabled.has-open-popup image, .app-notification button:disabled.has-open-popup arrow, .app-notification.frame button:disabled.has-open-popup arrow, popover.background.touch-selection button:disabled.has-open-popup arrow, popover.background.magnifier button:disabled.has-open-popup arrow, .osd expander title > arrow:disabled:checked, expander .osd title > arrow:disabled:checked, .osd notebook > header tabs > tab:disabled:checked, notebook > header .osd tabs > tab:disabled:checked, .osd notebook > header > tabs > arrow:disabled:checked, .osd modelbutton.flat arrow:disabled:checked, modelbutton.flat .osd arrow:disabled:checked, .osd expander title > arrow:disabled:checked image, expander .osd title > arrow:disabled:checked image, .osd notebook > header tabs > tab:disabled:checked image, notebook > header .osd tabs > tab:disabled:checked image, .osd notebook > header > tabs > arrow:disabled:checked image, .osd modelbutton.flat arrow:disabled:checked image, modelbutton.flat .osd arrow:disabled:checked image, .osd expander title > arrow:disabled:checked arrow, expander .osd title > arrow:disabled:checked arrow, .osd notebook > header tabs > tab:disabled:checked arrow, notebook > header .osd tabs > tab:disabled:checked arrow, .osd notebook > header > tabs > arrow:disabled:checked arrow, .osd modelbutton.flat arrow:disabled:checked arrow, modelbutton.flat .osd arrow:disabled:checked arrow, .osd expander title > arrow:disabled:selected, expander .osd title > arrow:disabled:selected, .osd notebook > header tabs > tab:disabled:selected, notebook > header .osd tabs > tab:disabled:selected, .osd notebook > header > tabs > arrow:disabled:selected, .osd modelbutton.flat arrow:disabled:selected, modelbutton.flat .osd arrow:disabled:selected, .osd expander title > arrow:disabled:selected image, expander .osd title > arrow:disabled:selected image, .osd notebook > header tabs > tab:disabled:selected image, notebook > header .osd tabs > tab:disabled:selected image, .osd notebook > header > tabs > arrow:disabled:selected image, .osd modelbutton.flat arrow:disabled:selected image, modelbutton.flat .osd arrow:disabled:selected image, .osd expander title > arrow:disabled:selected arrow, expander .osd title > arrow:disabled:selected arrow, .osd notebook > header tabs > tab:disabled:selected arrow, notebook > header .osd tabs > tab:disabled:selected arrow, .osd notebook > header > tabs > arrow:disabled:selected arrow, .osd modelbutton.flat arrow:disabled:selected arrow, modelbutton.flat .osd arrow:disabled:selected arrow, .osd expander title > arrow:disabled.has-open-popup, expander .osd title > arrow:disabled.has-open-popup, .osd notebook > header tabs > tab:disabled.has-open-popup, notebook > header .osd tabs > tab:disabled.has-open-popup, .osd notebook > header > tabs > arrow:disabled.has-open-popup, .osd modelbutton.flat arrow:disabled.has-open-popup, modelbutton.flat .osd arrow:disabled.has-open-popup, .osd expander title > arrow:disabled.has-open-popup image, expander .osd title > arrow:disabled.has-open-popup image, .osd notebook > header tabs > tab:disabled.has-open-popup image, notebook > header .osd tabs > tab:disabled.has-open-popup image, .osd notebook > header > tabs > arrow:disabled.has-open-popup image, .osd modelbutton.flat arrow:disabled.has-open-popup image, modelbutton.flat .osd arrow:disabled.has-open-popup image, .osd expander title > arrow:disabled.has-open-popup arrow, expander .osd title > arrow:disabled.has-open-popup arrow, .osd notebook > header tabs > tab:disabled.has-open-popup arrow, notebook > header .osd tabs > tab:disabled.has-open-popup arrow, .osd notebook > header > tabs > arrow:disabled.has-open-popup arrow, .osd modelbutton.flat arrow:disabled.has-open-popup arrow, modelbutton.flat .osd arrow:disabled.has-open-popup arrow, .osd button:disabled:checked, .osd button:disabled:checked image, .osd button:disabled:checked arrow, .osd button:disabled:selected, .osd button:disabled:selected image, .osd button:disabled:selected arrow, .osd button:disabled.has-open-popup, .osd button:disabled.has-open-popup image, .osd button:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.app-notification button:disabled:checked:hover, popover.background.touch-selection button:disabled:checked:hover, popover.background.magnifier button:disabled:checked:hover, .app-notification button:disabled:checked:focus, popover.background.touch-selection button:disabled:checked:focus, popover.background.magnifier button:disabled:checked:focus, .app-notification button:disabled:selected:hover, popover.background.touch-selection button:disabled:selected:hover, popover.background.magnifier button:disabled:selected:hover, .app-notification button:disabled:selected:focus, popover.background.touch-selection button:disabled:selected:focus, popover.background.magnifier button:disabled:selected:focus, .app-notification button:disabled.has-open-popup:hover, popover.background.touch-selection button:disabled.has-open-popup:hover, popover.background.magnifier button:disabled.has-open-popup:hover, .app-notification button:disabled.has-open-popup:focus, popover.background.touch-selection button:disabled.has-open-popup:focus, popover.background.magnifier button:disabled.has-open-popup:focus, .osd expander title > arrow:disabled:checked:hover, expander .osd title > arrow:disabled:checked:hover, .osd notebook > header tabs > tab:disabled:checked:hover, notebook > header .osd tabs > tab:disabled:checked:hover, .osd notebook > header > tabs > arrow:disabled:checked:hover, .osd modelbutton.flat arrow:disabled:checked:hover, modelbutton.flat .osd arrow:disabled:checked:hover, .osd expander title > arrow:disabled:checked:focus, expander .osd title > arrow:disabled:checked:focus, .osd notebook > header tabs > tab:disabled:checked:focus, notebook > header .osd tabs > tab:disabled:checked:focus, .osd notebook > header > tabs > arrow:disabled:checked:focus, .osd modelbutton.flat arrow:disabled:checked:focus, modelbutton.flat .osd arrow:disabled:checked:focus, .osd expander title > arrow:disabled:selected:hover, expander .osd title > arrow:disabled:selected:hover, .osd notebook > header tabs > tab:disabled:selected:hover, notebook > header .osd tabs > tab:disabled:selected:hover, .osd notebook > header > tabs > arrow:disabled:selected:hover, .osd modelbutton.flat arrow:disabled:selected:hover, modelbutton.flat .osd arrow:disabled:selected:hover, .osd expander title > arrow:disabled:selected:focus, expander .osd title > arrow:disabled:selected:focus, .osd notebook > header tabs > tab:disabled:selected:focus, notebook > header .osd tabs > tab:disabled:selected:focus, .osd notebook > header > tabs > arrow:disabled:selected:focus, .osd modelbutton.flat arrow:disabled:selected:focus, modelbutton.flat .osd arrow:disabled:selected:focus, .osd expander title > arrow:disabled.has-open-popup:hover, expander .osd title > arrow:disabled.has-open-popup:hover, .osd notebook > header tabs > tab:disabled.has-open-popup:hover, notebook > header .osd tabs > tab:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover, .osd modelbutton.flat arrow:disabled.has-open-popup:hover, modelbutton.flat .osd arrow:disabled.has-open-popup:hover, .osd expander title > arrow:disabled.has-open-popup:focus, expander .osd title > arrow:disabled.has-open-popup:focus, .osd notebook > header tabs > tab:disabled.has-open-popup:focus, notebook > header .osd tabs > tab:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus, .osd modelbutton.flat arrow:disabled.has-open-popup:focus, modelbutton.flat .osd arrow:disabled.has-open-popup:focus, .osd button:disabled:checked:hover, .osd button:disabled:checked:focus, .osd button:disabled:selected:hover, .osd button:disabled:selected:focus, .osd button:disabled.has-open-popup:hover, .osd button:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.app-notification button:disabled:checked:hover, .app-notification.frame button:disabled:checked:hover, .csd popover.background.touch-selection button:disabled:checked:hover, .csd popover.background.magnifier button:disabled:checked:hover, popover.background.touch-selection button:disabled:checked:hover, popover.background.magnifier button:disabled:checked:hover, .app-notification button:disabled:checked:hover image, .app-notification.frame button:disabled:checked:hover image, .csd popover.background.touch-selection button:disabled:checked:hover image, .csd popover.background.magnifier button:disabled:checked:hover image, popover.background.touch-selection button:disabled:checked:hover image, popover.background.magnifier button:disabled:checked:hover image, .app-notification button:disabled:checked:hover arrow, .app-notification.frame button:disabled:checked:hover arrow, .csd popover.background.touch-selection button:disabled:checked:hover arrow, .csd popover.background.magnifier button:disabled:checked:hover arrow, popover.background.touch-selection button:disabled:checked:hover arrow, popover.background.magnifier button:disabled:checked:hover arrow, .app-notification button:disabled:checked:focus, .app-notification.frame button:disabled:checked:focus, .csd popover.background.touch-selection button:disabled:checked:focus, .csd popover.background.magnifier button:disabled:checked:focus, popover.background.touch-selection button:disabled:checked:focus, popover.background.magnifier button:disabled:checked:focus, .app-notification button:disabled:checked:focus image, .app-notification.frame button:disabled:checked:focus image, .csd popover.background.touch-selection button:disabled:checked:focus image, .csd popover.background.magnifier button:disabled:checked:focus image, popover.background.touch-selection button:disabled:checked:focus image, popover.background.magnifier button:disabled:checked:focus image, .app-notification button:disabled:checked:focus arrow, .app-notification.frame button:disabled:checked:focus arrow, .csd popover.background.touch-selection button:disabled:checked:focus arrow, .csd popover.background.magnifier button:disabled:checked:focus arrow, popover.background.touch-selection button:disabled:checked:focus arrow, popover.background.magnifier button:disabled:checked:focus arrow, .app-notification button:disabled:selected:hover, .app-notification.frame button:disabled:selected:hover, .csd popover.background.touch-selection button:disabled:selected:hover, .csd popover.background.magnifier button:disabled:selected:hover, popover.background.touch-selection button:disabled:selected:hover, popover.background.magnifier button:disabled:selected:hover, .app-notification button:disabled:selected:hover image, .app-notification.frame button:disabled:selected:hover image, .csd popover.background.touch-selection button:disabled:selected:hover image, .csd popover.background.magnifier button:disabled:selected:hover image, popover.background.touch-selection button:disabled:selected:hover image, popover.background.magnifier button:disabled:selected:hover image, .app-notification button:disabled:selected:hover arrow, .app-notification.frame button:disabled:selected:hover arrow, .csd popover.background.touch-selection button:disabled:selected:hover arrow, .csd popover.background.magnifier button:disabled:selected:hover arrow, popover.background.touch-selection button:disabled:selected:hover arrow, popover.background.magnifier button:disabled:selected:hover arrow, .app-notification button:disabled:selected:focus, .app-notification.frame button:disabled:selected:focus, .csd popover.background.touch-selection button:disabled:selected:focus, .csd popover.background.magnifier button:disabled:selected:focus, popover.background.touch-selection button:disabled:selected:focus, popover.background.magnifier button:disabled:selected:focus, .app-notification button:disabled:selected:focus image, .app-notification.frame button:disabled:selected:focus image, .csd popover.background.touch-selection button:disabled:selected:focus image, .csd popover.background.magnifier button:disabled:selected:focus image, popover.background.touch-selection button:disabled:selected:focus image, popover.background.magnifier button:disabled:selected:focus image, .app-notification button:disabled:selected:focus arrow, .app-notification.frame button:disabled:selected:focus arrow, .csd popover.background.touch-selection button:disabled:selected:focus arrow, .csd popover.background.magnifier button:disabled:selected:focus arrow, popover.background.touch-selection button:disabled:selected:focus arrow, popover.background.magnifier button:disabled:selected:focus arrow, .app-notification button:disabled.has-open-popup:hover, .app-notification.frame button:disabled.has-open-popup:hover, .csd popover.background.touch-selection button:disabled.has-open-popup:hover, .csd popover.background.magnifier button:disabled.has-open-popup:hover, popover.background.touch-selection button:disabled.has-open-popup:hover, popover.background.magnifier button:disabled.has-open-popup:hover, .app-notification button:disabled.has-open-popup:hover image, .app-notification.frame button:disabled.has-open-popup:hover image, .csd popover.background.touch-selection button:disabled.has-open-popup:hover image, .csd popover.background.magnifier button:disabled.has-open-popup:hover image, popover.background.touch-selection button:disabled.has-open-popup:hover image, popover.background.magnifier button:disabled.has-open-popup:hover image, .app-notification button:disabled.has-open-popup:hover arrow, .app-notification.frame button:disabled.has-open-popup:hover arrow, .csd popover.background.touch-selection button:disabled.has-open-popup:hover arrow, .csd popover.background.magnifier button:disabled.has-open-popup:hover arrow, popover.background.touch-selection button:disabled.has-open-popup:hover arrow, popover.background.magnifier button:disabled.has-open-popup:hover arrow, .app-notification button:disabled.has-open-popup:focus, .app-notification.frame button:disabled.has-open-popup:focus, .csd popover.background.touch-selection button:disabled.has-open-popup:focus, .csd popover.background.magnifier button:disabled.has-open-popup:focus, popover.background.touch-selection button:disabled.has-open-popup:focus, popover.background.magnifier button:disabled.has-open-popup:focus, .app-notification button:disabled.has-open-popup:focus image, .app-notification.frame button:disabled.has-open-popup:focus image, .csd popover.background.touch-selection button:disabled.has-open-popup:focus image, .csd popover.background.magnifier button:disabled.has-open-popup:focus image, popover.background.touch-selection button:disabled.has-open-popup:focus image, popover.background.magnifier button:disabled.has-open-popup:focus image, .app-notification button:disabled.has-open-popup:focus arrow, .app-notification.frame button:disabled.has-open-popup:focus arrow, .csd popover.background.touch-selection button:disabled.has-open-popup:focus arrow, .csd popover.background.magnifier button:disabled.has-open-popup:focus arrow, popover.background.touch-selection button:disabled.has-open-popup:focus arrow, popover.background.magnifier button:disabled.has-open-popup:focus arrow, .osd expander title > arrow:disabled:checked:hover, expander .osd title > arrow:disabled:checked:hover, .osd notebook > header tabs > tab:disabled:checked:hover, notebook > header .osd tabs > tab:disabled:checked:hover, .osd notebook > header > tabs > arrow:disabled:checked:hover, .osd treeview.view header button:disabled:checked:hover, treeview.view header .osd button:disabled:checked:hover, .osd modelbutton.flat arrow:disabled:checked:hover, modelbutton.flat .osd arrow:disabled:checked:hover, .osd expander title > arrow:disabled:checked:hover image, expander .osd title > arrow:disabled:checked:hover image, .osd notebook > header tabs > tab:disabled:checked:hover image, notebook > header .osd tabs > tab:disabled:checked:hover image, .osd notebook > header > tabs > arrow:disabled:checked:hover image, .osd treeview.view header button:disabled:checked:hover image, treeview.view header .osd button:disabled:checked:hover image, .osd modelbutton.flat arrow:disabled:checked:hover image, modelbutton.flat .osd arrow:disabled:checked:hover image, .osd expander title > arrow:disabled:checked:hover arrow, expander .osd title > arrow:disabled:checked:hover arrow, .osd notebook > header tabs > tab:disabled:checked:hover arrow, notebook > header .osd tabs > tab:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow:disabled:checked:hover arrow, .osd treeview.view header button:disabled:checked:hover arrow, treeview.view header .osd button:disabled:checked:hover arrow, .osd modelbutton.flat arrow:disabled:checked:hover arrow, modelbutton.flat .osd arrow:disabled:checked:hover arrow, .osd expander title > arrow:disabled:checked:focus, expander .osd title > arrow:disabled:checked:focus, .osd notebook > header tabs > tab:disabled:checked:focus, notebook > header .osd tabs > tab:disabled:checked:focus, .osd notebook > header > tabs > arrow:disabled:checked:focus, .osd treeview.view header button:disabled:checked:focus, treeview.view header .osd button:disabled:checked:focus, .osd modelbutton.flat arrow:disabled:checked:focus, modelbutton.flat .osd arrow:disabled:checked:focus, .osd expander title > arrow:disabled:checked:focus image, expander .osd title > arrow:disabled:checked:focus image, .osd notebook > header tabs > tab:disabled:checked:focus image, notebook > header .osd tabs > tab:disabled:checked:focus image, .osd notebook > header > tabs > arrow:disabled:checked:focus image, .osd treeview.view header button:disabled:checked:focus image, treeview.view header .osd button:disabled:checked:focus image, .osd modelbutton.flat arrow:disabled:checked:focus image, modelbutton.flat .osd arrow:disabled:checked:focus image, .osd expander title > arrow:disabled:checked:focus arrow, expander .osd title > arrow:disabled:checked:focus arrow, .osd notebook > header tabs > tab:disabled:checked:focus arrow, notebook > header .osd tabs > tab:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow:disabled:checked:focus arrow, .osd treeview.view header button:disabled:checked:focus arrow, treeview.view header .osd button:disabled:checked:focus arrow, .osd modelbutton.flat arrow:disabled:checked:focus arrow, modelbutton.flat .osd arrow:disabled:checked:focus arrow, .osd expander title > arrow:disabled:selected:hover, expander .osd title > arrow:disabled:selected:hover, .osd notebook > header tabs > tab:disabled:selected:hover, notebook > header .osd tabs > tab:disabled:selected:hover, .osd notebook > header > tabs > arrow:disabled:selected:hover, .osd treeview.view header button:disabled:selected:hover, treeview.view header .osd button:disabled:selected:hover, .osd modelbutton.flat arrow:disabled:selected:hover, modelbutton.flat .osd arrow:disabled:selected:hover, .osd expander title > arrow:disabled:selected:hover image, expander .osd title > arrow:disabled:selected:hover image, .osd notebook > header tabs > tab:disabled:selected:hover image, notebook > header .osd tabs > tab:disabled:selected:hover image, .osd notebook > header > tabs > arrow:disabled:selected:hover image, .osd treeview.view header button:disabled:selected:hover image, treeview.view header .osd button:disabled:selected:hover image, .osd modelbutton.flat arrow:disabled:selected:hover image, modelbutton.flat .osd arrow:disabled:selected:hover image, .osd expander title > arrow:disabled:selected:hover arrow, expander .osd title > arrow:disabled:selected:hover arrow, .osd notebook > header tabs > tab:disabled:selected:hover arrow, notebook > header .osd tabs > tab:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow:disabled:selected:hover arrow, .osd treeview.view header button:disabled:selected:hover arrow, treeview.view header .osd button:disabled:selected:hover arrow, .osd modelbutton.flat arrow:disabled:selected:hover arrow, modelbutton.flat .osd arrow:disabled:selected:hover arrow, .osd expander title > arrow:disabled:selected:focus, expander .osd title > arrow:disabled:selected:focus, .osd notebook > header tabs > tab:disabled:selected:focus, notebook > header .osd tabs > tab:disabled:selected:focus, .osd notebook > header > tabs > arrow:disabled:selected:focus, .osd treeview.view header button:disabled:selected:focus, treeview.view header .osd button:disabled:selected:focus, .osd modelbutton.flat arrow:disabled:selected:focus, modelbutton.flat .osd arrow:disabled:selected:focus, .osd expander title > arrow:disabled:selected:focus image, expander .osd title > arrow:disabled:selected:focus image, .osd notebook > header tabs > tab:disabled:selected:focus image, notebook > header .osd tabs > tab:disabled:selected:focus image, .osd notebook > header > tabs > arrow:disabled:selected:focus image, .osd treeview.view header button:disabled:selected:focus image, treeview.view header .osd button:disabled:selected:focus image, .osd modelbutton.flat arrow:disabled:selected:focus image, modelbutton.flat .osd arrow:disabled:selected:focus image, .osd expander title > arrow:disabled:selected:focus arrow, expander .osd title > arrow:disabled:selected:focus arrow, .osd notebook > header tabs > tab:disabled:selected:focus arrow, notebook > header .osd tabs > tab:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow:disabled:selected:focus arrow, .osd treeview.view header button:disabled:selected:focus arrow, treeview.view header .osd button:disabled:selected:focus arrow, .osd modelbutton.flat arrow:disabled:selected:focus arrow, modelbutton.flat .osd arrow:disabled:selected:focus arrow, .osd expander title > arrow:disabled.has-open-popup:hover, expander .osd title > arrow:disabled.has-open-popup:hover, .osd notebook > header tabs > tab:disabled.has-open-popup:hover, notebook > header .osd tabs > tab:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover, .osd treeview.view header button:disabled.has-open-popup:hover, treeview.view header .osd button:disabled.has-open-popup:hover, .osd modelbutton.flat arrow:disabled.has-open-popup:hover, modelbutton.flat .osd arrow:disabled.has-open-popup:hover, .osd expander title > arrow:disabled.has-open-popup:hover image, expander .osd title > arrow:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover image, .osd treeview.view header button:disabled.has-open-popup:hover image, treeview.view header .osd button:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow:disabled.has-open-popup:hover image, .osd expander title > arrow:disabled.has-open-popup:hover arrow, expander .osd title > arrow:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover arrow, .osd treeview.view header button:disabled.has-open-popup:hover arrow, treeview.view header .osd button:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow:disabled.has-open-popup:hover arrow, .osd expander title > arrow:disabled.has-open-popup:focus, expander .osd title > arrow:disabled.has-open-popup:focus, .osd notebook > header tabs > tab:disabled.has-open-popup:focus, notebook > header .osd tabs > tab:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus, .osd treeview.view header button:disabled.has-open-popup:focus, treeview.view header .osd button:disabled.has-open-popup:focus, .osd modelbutton.flat arrow:disabled.has-open-popup:focus, modelbutton.flat .osd arrow:disabled.has-open-popup:focus, .osd expander title > arrow:disabled.has-open-popup:focus image, expander .osd title > arrow:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus image, .osd treeview.view header button:disabled.has-open-popup:focus image, treeview.view header .osd button:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow:disabled.has-open-popup:focus image, .osd expander title > arrow:disabled.has-open-popup:focus arrow, expander .osd title > arrow:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus arrow, .osd treeview.view header button:disabled.has-open-popup:focus arrow, treeview.view header .osd button:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow:disabled.has-open-popup:focus arrow, .osd button:disabled:checked:hover, .osd button:disabled:checked:hover image, .osd button:disabled:checked:hover arrow, .osd button:disabled:checked:focus, .osd button:disabled:checked:focus image, .osd button:disabled:checked:focus arrow, .osd button:disabled:selected:hover, .osd button:disabled:selected:hover image, .osd button:disabled:selected:hover arrow, .osd button:disabled:selected:focus, .osd button:disabled:selected:focus image, .osd button:disabled:selected:focus arrow, .osd button:disabled.has-open-popup:hover, .osd button:disabled.has-open-popup:hover image, .osd button:disabled.has-open-popup:hover arrow, .osd button:disabled.has-open-popup:focus, .osd button:disabled.has-open-popup:focus image, .osd button:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.app-notification button:disabled:disabled, popover.background.touch-selection button:disabled:disabled, popover.background.magnifier button:disabled:disabled, .osd expander title > arrow:disabled:disabled, expander .osd title > arrow:disabled:disabled, .osd notebook > header tabs > tab:disabled:disabled, notebook > header .osd tabs > tab:disabled:disabled, .osd notebook > header > tabs > arrow:disabled:disabled, .osd modelbutton.flat arrow:disabled:disabled, modelbutton.flat .osd arrow:disabled:disabled, .osd button:disabled:disabled, .osd button:disabled:disabled:checked, .osd button:disabled:disabled:selected, .osd button:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, treeview.view header button.suggested-action, modelbutton.flat arrow.suggested-action, button.suggested-action, button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus, button.suggested-action.osd:hover, button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:hover image, notebook > header tabs > tab.suggested-action:hover image, notebook > header > tabs > arrow.suggested-action:hover image, modelbutton.flat arrow.suggested-action:hover image, expander title > arrow.suggested-action:hover arrow, notebook > header tabs > tab.suggested-action:hover arrow, notebook > header > tabs > arrow.suggested-action:hover arrow, modelbutton.flat arrow.suggested-action:hover arrow, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, expander title > arrow.suggested-action:focus image, notebook > header tabs > tab.suggested-action:focus image, notebook > header > tabs > arrow.suggested-action:focus image, modelbutton.flat arrow.suggested-action:focus image, expander title > arrow.suggested-action:focus arrow, notebook > header tabs > tab.suggested-action:focus arrow, notebook > header > tabs > arrow.suggested-action:focus arrow, modelbutton.flat arrow.suggested-action:focus arrow, button.suggested-action:hover, button.suggested-action:hover image, button.suggested-action:hover arrow, button.suggested-action:focus, button.suggested-action:focus image, button.suggested-action:focus arrow, button.suggested-action.osd:hover, button.suggested-action.osd:hover image, button.suggested-action.osd:hover arrow, button.suggested-action.osd:focus, button.suggested-action.osd:focus image, button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, expander title > arrow.suggested-action.keyboard-activating, notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header > tabs > arrow.suggested-action.keyboard-activating, modelbutton.flat arrow.suggested-action.keyboard-activating, button.suggested-action:active, button.suggested-action.keyboard-activating, button.suggested-action.osd:active, button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, expander title > arrow.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, modelbutton.flat arrow.suggested-action:selected, expander title > arrow.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, modelbutton.flat arrow.suggested-action.has-open-popup, button.suggested-action:checked, button.suggested-action:selected, button.suggested-action.has-open-popup, button.suggested-action.osd:checked, button.suggested-action.osd:selected, button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, expander title > arrow.suggested-action:checked image, notebook > header tabs > tab.suggested-action:checked image, notebook > header > tabs > arrow.suggested-action:checked image, modelbutton.flat arrow.suggested-action:checked image, expander title > arrow.suggested-action:checked arrow, notebook > header tabs > tab.suggested-action:checked arrow, notebook > header > tabs > arrow.suggested-action:checked arrow, modelbutton.flat arrow.suggested-action:checked arrow, expander title > arrow.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, modelbutton.flat arrow.suggested-action:selected, expander title > arrow.suggested-action:selected image, notebook > header tabs > tab.suggested-action:selected image, notebook > header > tabs > arrow.suggested-action:selected image, modelbutton.flat arrow.suggested-action:selected image, expander title > arrow.suggested-action:selected arrow, notebook > header tabs > tab.suggested-action:selected arrow, notebook > header > tabs > arrow.suggested-action:selected arrow, modelbutton.flat arrow.suggested-action:selected arrow, expander title > arrow.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, modelbutton.flat arrow.suggested-action.has-open-popup, expander title > arrow.suggested-action.has-open-popup image, notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header > tabs > arrow.suggested-action.has-open-popup image, modelbutton.flat arrow.suggested-action.has-open-popup image, expander title > arrow.suggested-action.has-open-popup arrow, notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, modelbutton.flat arrow.suggested-action.has-open-popup arrow, button.suggested-action:checked, button.suggested-action:checked image, button.suggested-action:checked arrow, button.suggested-action:selected, button.suggested-action:selected image, button.suggested-action:selected arrow, button.suggested-action.has-open-popup, button.suggested-action.has-open-popup image, button.suggested-action.has-open-popup arrow, button.suggested-action.osd:checked, button.suggested-action.osd:checked image, button.suggested-action.osd:checked arrow, button.suggested-action.osd:selected, button.suggested-action.osd:selected image, button.suggested-action.osd:selected arrow, button.suggested-action.osd.has-open-popup, button.suggested-action.osd.has-open-popup image, button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, modelbutton.flat arrow.suggested-action:checked:hover, expander title > arrow.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, modelbutton.flat arrow.suggested-action:checked:focus, expander title > arrow.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, modelbutton.flat arrow.suggested-action:selected:hover, expander title > arrow.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, modelbutton.flat arrow.suggested-action:selected:focus, expander title > arrow.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, modelbutton.flat arrow.suggested-action.has-open-popup:hover, expander title > arrow.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, modelbutton.flat arrow.suggested-action.has-open-popup:focus, button.suggested-action:checked:hover, button.suggested-action:checked:focus, button.suggested-action:selected:hover, button.suggested-action:selected:focus, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:focus, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:focus, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:focus, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, treeview.view header button.suggested-action:checked:hover, modelbutton.flat arrow.suggested-action:checked:hover, expander title > arrow.suggested-action:checked:hover image, notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header > tabs > arrow.suggested-action:checked:hover image, treeview.view header button.suggested-action:checked:hover image, modelbutton.flat arrow.suggested-action:checked:hover image, expander title > arrow.suggested-action:checked:hover arrow, notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header > tabs > arrow.suggested-action:checked:hover arrow, treeview.view header button.suggested-action:checked:hover arrow, modelbutton.flat arrow.suggested-action:checked:hover arrow, expander title > arrow.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, treeview.view header button.suggested-action:checked:focus, modelbutton.flat arrow.suggested-action:checked:focus, expander title > arrow.suggested-action:checked:focus image, notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header > tabs > arrow.suggested-action:checked:focus image, treeview.view header button.suggested-action:checked:focus image, modelbutton.flat arrow.suggested-action:checked:focus image, expander title > arrow.suggested-action:checked:focus arrow, notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header > tabs > arrow.suggested-action:checked:focus arrow, treeview.view header button.suggested-action:checked:focus arrow, modelbutton.flat arrow.suggested-action:checked:focus arrow, expander title > arrow.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, treeview.view header button.suggested-action:selected:hover, modelbutton.flat arrow.suggested-action:selected:hover, expander title > arrow.suggested-action:selected:hover image, notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header > tabs > arrow.suggested-action:selected:hover image, treeview.view header button.suggested-action:selected:hover image, modelbutton.flat arrow.suggested-action:selected:hover image, expander title > arrow.suggested-action:selected:hover arrow, notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header > tabs > arrow.suggested-action:selected:hover arrow, treeview.view header button.suggested-action:selected:hover arrow, modelbutton.flat arrow.suggested-action:selected:hover arrow, expander title > arrow.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, treeview.view header button.suggested-action:selected:focus, modelbutton.flat arrow.suggested-action:selected:focus, expander title > arrow.suggested-action:selected:focus image, notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header > tabs > arrow.suggested-action:selected:focus image, treeview.view header button.suggested-action:selected:focus image, modelbutton.flat arrow.suggested-action:selected:focus image, expander title > arrow.suggested-action:selected:focus arrow, notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header > tabs > arrow.suggested-action:selected:focus arrow, treeview.view header button.suggested-action:selected:focus arrow, modelbutton.flat arrow.suggested-action:selected:focus arrow, expander title > arrow.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, treeview.view header button.suggested-action.has-open-popup:hover, modelbutton.flat arrow.suggested-action.has-open-popup:hover, expander title > arrow.suggested-action.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, treeview.view header button.suggested-action.has-open-popup:hover image, modelbutton.flat arrow.suggested-action.has-open-popup:hover image, expander title > arrow.suggested-action.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, treeview.view header button.suggested-action.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action.has-open-popup:hover arrow, expander title > arrow.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, treeview.view header button.suggested-action.has-open-popup:focus, modelbutton.flat arrow.suggested-action.has-open-popup:focus, expander title > arrow.suggested-action.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, treeview.view header button.suggested-action.has-open-popup:focus image, modelbutton.flat arrow.suggested-action.has-open-popup:focus image, expander title > arrow.suggested-action.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, treeview.view header button.suggested-action.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action.has-open-popup:focus arrow, expander title > arrow.suggested-action.osd:checked:hover, notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header > tabs > arrow.suggested-action.osd:checked:hover, treeview.view header button.suggested-action.osd:checked:hover, modelbutton.flat arrow.suggested-action.osd:checked:hover, expander title > arrow.suggested-action.osd:checked:hover image, notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, treeview.view header button.suggested-action.osd:checked:hover image, modelbutton.flat arrow.suggested-action.osd:checked:hover image, expander title > arrow.suggested-action.osd:checked:hover arrow, notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, treeview.view header button.suggested-action.osd:checked:hover arrow, modelbutton.flat arrow.suggested-action.osd:checked:hover arrow, expander title > arrow.suggested-action.osd:checked:focus, notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header > tabs > arrow.suggested-action.osd:checked:focus, treeview.view header button.suggested-action.osd:checked:focus, modelbutton.flat arrow.suggested-action.osd:checked:focus, expander title > arrow.suggested-action.osd:checked:focus image, notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, treeview.view header button.suggested-action.osd:checked:focus image, modelbutton.flat arrow.suggested-action.osd:checked:focus image, expander title > arrow.suggested-action.osd:checked:focus arrow, notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, treeview.view header button.suggested-action.osd:checked:focus arrow, modelbutton.flat arrow.suggested-action.osd:checked:focus arrow, expander title > arrow.suggested-action.osd:selected:hover, notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header > tabs > arrow.suggested-action.osd:selected:hover, treeview.view header button.suggested-action.osd:selected:hover, modelbutton.flat arrow.suggested-action.osd:selected:hover, expander title > arrow.suggested-action.osd:selected:hover image, notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, treeview.view header button.suggested-action.osd:selected:hover image, modelbutton.flat arrow.suggested-action.osd:selected:hover image, expander title > arrow.suggested-action.osd:selected:hover arrow, notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, treeview.view header button.suggested-action.osd:selected:hover arrow, modelbutton.flat arrow.suggested-action.osd:selected:hover arrow, expander title > arrow.suggested-action.osd:selected:focus, notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header > tabs > arrow.suggested-action.osd:selected:focus, treeview.view header button.suggested-action.osd:selected:focus, modelbutton.flat arrow.suggested-action.osd:selected:focus, expander title > arrow.suggested-action.osd:selected:focus image, notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, treeview.view header button.suggested-action.osd:selected:focus image, modelbutton.flat arrow.suggested-action.osd:selected:focus image, expander title > arrow.suggested-action.osd:selected:focus arrow, notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, treeview.view header button.suggested-action.osd:selected:focus arrow, modelbutton.flat arrow.suggested-action.osd:selected:focus arrow, expander title > arrow.suggested-action.osd.has-open-popup:hover, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, treeview.view header button.suggested-action.osd.has-open-popup:hover, modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover, expander title > arrow.suggested-action.osd.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, treeview.view header button.suggested-action.osd.has-open-popup:hover image, modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover image, expander title > arrow.suggested-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, treeview.view header button.suggested-action.osd.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover arrow, expander title > arrow.suggested-action.osd.has-open-popup:focus, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, treeview.view header button.suggested-action.osd.has-open-popup:focus, modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus, expander title > arrow.suggested-action.osd.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, treeview.view header button.suggested-action.osd.has-open-popup:focus image, modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus image, expander title > arrow.suggested-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, treeview.view header button.suggested-action.osd.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus arrow, button.suggested-action:checked:hover, button.suggested-action:checked:hover image, button.suggested-action:checked:hover arrow, button.suggested-action:checked:focus, button.suggested-action:checked:focus image, button.suggested-action:checked:focus arrow, button.suggested-action:selected:hover, button.suggested-action:selected:hover image, button.suggested-action:selected:hover arrow, button.suggested-action:selected:focus, button.suggested-action:selected:focus image, button.suggested-action:selected:focus arrow, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:hover image, button.suggested-action.has-open-popup:hover arrow, button.suggested-action.has-open-popup:focus, button.suggested-action.has-open-popup:focus image, button.suggested-action.has-open-popup:focus arrow, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:hover image, button.suggested-action.osd:checked:hover arrow, button.suggested-action.osd:checked:focus, button.suggested-action.osd:checked:focus image, button.suggested-action.osd:checked:focus arrow, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:hover image, button.suggested-action.osd:selected:hover arrow, button.suggested-action.osd:selected:focus, button.suggested-action.osd:selected:focus image, button.suggested-action.osd:selected:focus arrow, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:hover image, button.suggested-action.osd.has-open-popup:hover arrow, button.suggested-action.osd.has-open-popup:focus, button.suggested-action.osd.has-open-popup:focus image, button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, modelbutton.flat arrow.suggested-action:disabled, button.suggested-action:disabled, button.suggested-action:disabled:checked, button.suggested-action:disabled:selected, button.suggested-action:disabled.has-open-popup, button.suggested-action.osd:disabled, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, modelbutton.flat arrow.suggested-action:disabled, button.suggested-action:disabled, button.suggested-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:disabled:hover, notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header > tabs > arrow.suggested-action:disabled:hover, modelbutton.flat arrow.suggested-action:disabled:hover, expander title > arrow.suggested-action:disabled:focus, notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header > tabs > arrow.suggested-action:disabled:focus, modelbutton.flat arrow.suggested-action:disabled:focus, button.suggested-action:disabled:hover, button.suggested-action:disabled:focus, button.suggested-action.osd:disabled:hover, button.suggested-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.suggested-action:disabled:hover, notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header > tabs > arrow.suggested-action:disabled:hover, modelbutton.flat arrow.suggested-action:disabled:hover, expander title > arrow.suggested-action:disabled:hover image, notebook > header tabs > tab.suggested-action:disabled:hover image, notebook > header > tabs > arrow.suggested-action:disabled:hover image, modelbutton.flat arrow.suggested-action:disabled:hover image, expander title > arrow.suggested-action:disabled:hover arrow, notebook > header tabs > tab.suggested-action:disabled:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled:hover arrow, modelbutton.flat arrow.suggested-action:disabled:hover arrow, expander title > arrow.suggested-action:disabled:focus, notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header > tabs > arrow.suggested-action:disabled:focus, modelbutton.flat arrow.suggested-action:disabled:focus, expander title > arrow.suggested-action:disabled:focus image, notebook > header tabs > tab.suggested-action:disabled:focus image, notebook > header > tabs > arrow.suggested-action:disabled:focus image, modelbutton.flat arrow.suggested-action:disabled:focus image, expander title > arrow.suggested-action:disabled:focus arrow, notebook > header tabs > tab.suggested-action:disabled:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled:focus arrow, modelbutton.flat arrow.suggested-action:disabled:focus arrow, button.suggested-action:disabled:hover, button.suggested-action:disabled:hover image, button.suggested-action:disabled:hover arrow, button.suggested-action:disabled:focus, button.suggested-action:disabled:focus image, button.suggested-action:disabled:focus arrow, button.suggested-action.osd:disabled:hover, button.suggested-action.osd:disabled:hover image, button.suggested-action.osd:disabled:hover arrow, button.suggested-action.osd:disabled:focus, button.suggested-action.osd:disabled:focus image, button.suggested-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.suggested-action:disabled:active, notebook > header tabs > tab.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:active, modelbutton.flat arrow.suggested-action:disabled:active, expander title > arrow.suggested-action:disabled.keyboard-activating, notebook > header tabs > tab.suggested-action:disabled.keyboard-activating, notebook > header > tabs > arrow.suggested-action:disabled.keyboard-activating, modelbutton.flat arrow.suggested-action:disabled.keyboard-activating, button.suggested-action:disabled:active, button.suggested-action:disabled.keyboard-activating, button.suggested-action.osd:disabled:active, button.suggested-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:disabled:checked, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, modelbutton.flat arrow.suggested-action:disabled:checked, expander title > arrow.suggested-action:disabled:selected, notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header > tabs > arrow.suggested-action:disabled:selected, modelbutton.flat arrow.suggested-action:disabled:selected, expander title > arrow.suggested-action:disabled.has-open-popup, notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, modelbutton.flat arrow.suggested-action:disabled.has-open-popup, button.suggested-action:disabled:checked, button.suggested-action:disabled:selected, button.suggested-action:disabled.has-open-popup, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:disabled:checked, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, modelbutton.flat arrow.suggested-action:disabled:checked, expander title > arrow.suggested-action:disabled:checked image, notebook > header tabs > tab.suggested-action:disabled:checked image, notebook > header > tabs > arrow.suggested-action:disabled:checked image, modelbutton.flat arrow.suggested-action:disabled:checked image, expander title > arrow.suggested-action:disabled:checked arrow, notebook > header tabs > tab.suggested-action:disabled:checked arrow, notebook > header > tabs > arrow.suggested-action:disabled:checked arrow, modelbutton.flat arrow.suggested-action:disabled:checked arrow, expander title > arrow.suggested-action:disabled:selected, notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header > tabs > arrow.suggested-action:disabled:selected, modelbutton.flat arrow.suggested-action:disabled:selected, expander title > arrow.suggested-action:disabled:selected image, notebook > header tabs > tab.suggested-action:disabled:selected image, notebook > header > tabs > arrow.suggested-action:disabled:selected image, modelbutton.flat arrow.suggested-action:disabled:selected image, expander title > arrow.suggested-action:disabled:selected arrow, notebook > header tabs > tab.suggested-action:disabled:selected arrow, notebook > header > tabs > arrow.suggested-action:disabled:selected arrow, modelbutton.flat arrow.suggested-action:disabled:selected arrow, expander title > arrow.suggested-action:disabled.has-open-popup, notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, modelbutton.flat arrow.suggested-action:disabled.has-open-popup, expander title > arrow.suggested-action:disabled.has-open-popup image, notebook > header tabs > tab.suggested-action:disabled.has-open-popup image, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup image, modelbutton.flat arrow.suggested-action:disabled.has-open-popup image, expander title > arrow.suggested-action:disabled.has-open-popup arrow, notebook > header tabs > tab.suggested-action:disabled.has-open-popup arrow, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup arrow, modelbutton.flat arrow.suggested-action:disabled.has-open-popup arrow, button.suggested-action:disabled:checked, button.suggested-action:disabled:checked image, button.suggested-action:disabled:checked arrow, button.suggested-action:disabled:selected, button.suggested-action:disabled:selected image, button.suggested-action:disabled:selected arrow, button.suggested-action:disabled.has-open-popup, button.suggested-action:disabled.has-open-popup image, button.suggested-action:disabled.has-open-popup arrow, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:checked image, button.suggested-action.osd:disabled:checked arrow, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled:selected image, button.suggested-action.osd:disabled:selected arrow, button.suggested-action.osd:disabled.has-open-popup, button.suggested-action.osd:disabled.has-open-popup image, button.suggested-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:disabled:checked:hover, notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, modelbutton.flat arrow.suggested-action:disabled:checked:hover, expander title > arrow.suggested-action:disabled:checked:focus, notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, modelbutton.flat arrow.suggested-action:disabled:checked:focus, expander title > arrow.suggested-action:disabled:selected:hover, notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, modelbutton.flat arrow.suggested-action:disabled:selected:hover, expander title > arrow.suggested-action:disabled:selected:focus, notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, modelbutton.flat arrow.suggested-action:disabled:selected:focus, expander title > arrow.suggested-action:disabled.has-open-popup:hover, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, expander title > arrow.suggested-action:disabled.has-open-popup:focus, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, button.suggested-action:disabled:checked:hover, button.suggested-action:disabled:checked:focus, button.suggested-action:disabled:selected:hover, button.suggested-action:disabled:selected:focus, button.suggested-action:disabled.has-open-popup:hover, button.suggested-action:disabled.has-open-popup:focus, button.suggested-action.osd:disabled:checked:hover, button.suggested-action.osd:disabled:checked:focus, button.suggested-action.osd:disabled:selected:hover, button.suggested-action.osd:disabled:selected:focus, button.suggested-action.osd:disabled.has-open-popup:hover, button.suggested-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.suggested-action:disabled:checked:hover, notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, treeview.view header button.suggested-action:disabled:checked:hover, modelbutton.flat arrow.suggested-action:disabled:checked:hover, expander title > arrow.suggested-action:disabled:checked:hover image, notebook > header tabs > tab.suggested-action:disabled:checked:hover image, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover image, treeview.view header button.suggested-action:disabled:checked:hover image, modelbutton.flat arrow.suggested-action:disabled:checked:hover image, expander title > arrow.suggested-action:disabled:checked:hover arrow, notebook > header tabs > tab.suggested-action:disabled:checked:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover arrow, treeview.view header button.suggested-action:disabled:checked:hover arrow, modelbutton.flat arrow.suggested-action:disabled:checked:hover arrow, expander title > arrow.suggested-action:disabled:checked:focus, notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, treeview.view header button.suggested-action:disabled:checked:focus, modelbutton.flat arrow.suggested-action:disabled:checked:focus, expander title > arrow.suggested-action:disabled:checked:focus image, notebook > header tabs > tab.suggested-action:disabled:checked:focus image, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus image, treeview.view header button.suggested-action:disabled:checked:focus image, modelbutton.flat arrow.suggested-action:disabled:checked:focus image, expander title > arrow.suggested-action:disabled:checked:focus arrow, notebook > header tabs > tab.suggested-action:disabled:checked:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus arrow, treeview.view header button.suggested-action:disabled:checked:focus arrow, modelbutton.flat arrow.suggested-action:disabled:checked:focus arrow, expander title > arrow.suggested-action:disabled:selected:hover, notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, treeview.view header button.suggested-action:disabled:selected:hover, modelbutton.flat arrow.suggested-action:disabled:selected:hover, expander title > arrow.suggested-action:disabled:selected:hover image, notebook > header tabs > tab.suggested-action:disabled:selected:hover image, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover image, treeview.view header button.suggested-action:disabled:selected:hover image, modelbutton.flat arrow.suggested-action:disabled:selected:hover image, expander title > arrow.suggested-action:disabled:selected:hover arrow, notebook > header tabs > tab.suggested-action:disabled:selected:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover arrow, treeview.view header button.suggested-action:disabled:selected:hover arrow, modelbutton.flat arrow.suggested-action:disabled:selected:hover arrow, expander title > arrow.suggested-action:disabled:selected:focus, notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, treeview.view header button.suggested-action:disabled:selected:focus, modelbutton.flat arrow.suggested-action:disabled:selected:focus, expander title > arrow.suggested-action:disabled:selected:focus image, notebook > header tabs > tab.suggested-action:disabled:selected:focus image, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus image, treeview.view header button.suggested-action:disabled:selected:focus image, modelbutton.flat arrow.suggested-action:disabled:selected:focus image, expander title > arrow.suggested-action:disabled:selected:focus arrow, notebook > header tabs > tab.suggested-action:disabled:selected:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus arrow, treeview.view header button.suggested-action:disabled:selected:focus arrow, modelbutton.flat arrow.suggested-action:disabled:selected:focus arrow, expander title > arrow.suggested-action:disabled.has-open-popup:hover, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, treeview.view header button.suggested-action:disabled.has-open-popup:hover, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, expander title > arrow.suggested-action:disabled.has-open-popup:hover image, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover image, treeview.view header button.suggested-action:disabled.has-open-popup:hover image, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover image, expander title > arrow.suggested-action:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover arrow, treeview.view header button.suggested-action:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover arrow, expander title > arrow.suggested-action:disabled.has-open-popup:focus, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, treeview.view header button.suggested-action:disabled.has-open-popup:focus, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, expander title > arrow.suggested-action:disabled.has-open-popup:focus image, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus image, treeview.view header button.suggested-action:disabled.has-open-popup:focus image, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus image, expander title > arrow.suggested-action:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus arrow, treeview.view header button.suggested-action:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus arrow, expander title > arrow.suggested-action.osd:disabled:checked:hover, notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover, treeview.view header button.suggested-action.osd:disabled:checked:hover, modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover, expander title > arrow.suggested-action.osd:disabled:checked:hover image, notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover image, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover image, treeview.view header button.suggested-action.osd:disabled:checked:hover image, modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover image, expander title > arrow.suggested-action.osd:disabled:checked:hover arrow, notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover arrow, treeview.view header button.suggested-action.osd:disabled:checked:hover arrow, modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover arrow, expander title > arrow.suggested-action.osd:disabled:checked:focus, notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus, treeview.view header button.suggested-action.osd:disabled:checked:focus, modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus, expander title > arrow.suggested-action.osd:disabled:checked:focus image, notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus image, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus image, treeview.view header button.suggested-action.osd:disabled:checked:focus image, modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus image, expander title > arrow.suggested-action.osd:disabled:checked:focus arrow, notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus arrow, treeview.view header button.suggested-action.osd:disabled:checked:focus arrow, modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus arrow, expander title > arrow.suggested-action.osd:disabled:selected:hover, notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover, treeview.view header button.suggested-action.osd:disabled:selected:hover, modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover, expander title > arrow.suggested-action.osd:disabled:selected:hover image, notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover image, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover image, treeview.view header button.suggested-action.osd:disabled:selected:hover image, modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover image, expander title > arrow.suggested-action.osd:disabled:selected:hover arrow, notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover arrow, treeview.view header button.suggested-action.osd:disabled:selected:hover arrow, modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover arrow, expander title > arrow.suggested-action.osd:disabled:selected:focus, notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus, treeview.view header button.suggested-action.osd:disabled:selected:focus, modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus, expander title > arrow.suggested-action.osd:disabled:selected:focus image, notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus image, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus image, treeview.view header button.suggested-action.osd:disabled:selected:focus image, modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus image, expander title > arrow.suggested-action.osd:disabled:selected:focus arrow, notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus arrow, treeview.view header button.suggested-action.osd:disabled:selected:focus arrow, modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus arrow, expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover, treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover, expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover image, treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover image, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover image, expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus, treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus, expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus image, treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus image, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus image, expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, button.suggested-action:disabled:checked:hover, button.suggested-action:disabled:checked:hover image, button.suggested-action:disabled:checked:hover arrow, button.suggested-action:disabled:checked:focus, button.suggested-action:disabled:checked:focus image, button.suggested-action:disabled:checked:focus arrow, button.suggested-action:disabled:selected:hover, button.suggested-action:disabled:selected:hover image, button.suggested-action:disabled:selected:hover arrow, button.suggested-action:disabled:selected:focus, button.suggested-action:disabled:selected:focus image, button.suggested-action:disabled:selected:focus arrow, button.suggested-action:disabled.has-open-popup:hover, button.suggested-action:disabled.has-open-popup:hover image, button.suggested-action:disabled.has-open-popup:hover arrow, button.suggested-action:disabled.has-open-popup:focus, button.suggested-action:disabled.has-open-popup:focus image, button.suggested-action:disabled.has-open-popup:focus arrow, button.suggested-action.osd:disabled:checked:hover, button.suggested-action.osd:disabled:checked:hover image, button.suggested-action.osd:disabled:checked:hover arrow, button.suggested-action.osd:disabled:checked:focus, button.suggested-action.osd:disabled:checked:focus image, button.suggested-action.osd:disabled:checked:focus arrow, button.suggested-action.osd:disabled:selected:hover, button.suggested-action.osd:disabled:selected:hover image, button.suggested-action.osd:disabled:selected:hover arrow, button.suggested-action.osd:disabled:selected:focus, button.suggested-action.osd:disabled:selected:focus image, button.suggested-action.osd:disabled:selected:focus arrow, button.suggested-action.osd:disabled.has-open-popup:hover, button.suggested-action.osd:disabled.has-open-popup:hover image, button.suggested-action.osd:disabled.has-open-popup:hover arrow, button.suggested-action.osd:disabled.has-open-popup:focus, button.suggested-action.osd:disabled.has-open-popup:focus image, button.suggested-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.suggested-action:disabled:disabled, notebook > header tabs > tab.suggested-action:disabled:disabled, notebook > header > tabs > arrow.suggested-action:disabled:disabled, modelbutton.flat arrow.suggested-action:disabled:disabled, button.suggested-action:disabled:disabled, button.suggested-action:disabled:disabled:checked, button.suggested-action:disabled:disabled:selected, button.suggested-action:disabled:disabled.has-open-popup, button.suggested-action.osd:disabled:disabled, button.suggested-action.osd:disabled:disabled:checked, button.suggested-action.osd:disabled:disabled:selected, button.suggested-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.suggested-action, expander .osd title > arrow.suggested-action, .osd notebook > header tabs > tab.suggested-action, notebook > header .osd tabs > tab.suggested-action, .osd notebook > header > tabs > arrow.suggested-action, .osd modelbutton.flat arrow.suggested-action, modelbutton.flat .osd arrow.suggested-action, .osd button.suggested-action, .osd button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd expander title > arrow.suggested-action:focus, expander .osd title > arrow.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd modelbutton.flat arrow.suggested-action:focus, modelbutton.flat .osd arrow.suggested-action:focus, .osd button.suggested-action:hover, .osd button.suggested-action:focus, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd expander title > arrow.suggested-action:hover image, expander .osd title > arrow.suggested-action:hover image, .osd notebook > header tabs > tab.suggested-action:hover image, notebook > header .osd tabs > tab.suggested-action:hover image, .osd notebook > header > tabs > arrow.suggested-action:hover image, .osd modelbutton.flat arrow.suggested-action:hover image, modelbutton.flat .osd arrow.suggested-action:hover image, .osd expander title > arrow.suggested-action:hover arrow, expander .osd title > arrow.suggested-action:hover arrow, .osd notebook > header tabs > tab.suggested-action:hover arrow, notebook > header .osd tabs > tab.suggested-action:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:hover arrow, .osd modelbutton.flat arrow.suggested-action:hover arrow, modelbutton.flat .osd arrow.suggested-action:hover arrow, .osd expander title > arrow.suggested-action:focus, expander .osd title > arrow.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd modelbutton.flat arrow.suggested-action:focus, modelbutton.flat .osd arrow.suggested-action:focus, .osd expander title > arrow.suggested-action:focus image, expander .osd title > arrow.suggested-action:focus image, .osd notebook > header tabs > tab.suggested-action:focus image, notebook > header .osd tabs > tab.suggested-action:focus image, .osd notebook > header > tabs > arrow.suggested-action:focus image, .osd modelbutton.flat arrow.suggested-action:focus image, modelbutton.flat .osd arrow.suggested-action:focus image, .osd expander title > arrow.suggested-action:focus arrow, expander .osd title > arrow.suggested-action:focus arrow, .osd notebook > header tabs > tab.suggested-action:focus arrow, notebook > header .osd tabs > tab.suggested-action:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:focus arrow, .osd modelbutton.flat arrow.suggested-action:focus arrow, modelbutton.flat .osd arrow.suggested-action:focus arrow, .osd button.suggested-action:hover, .osd button.suggested-action:hover image, .osd button.suggested-action:hover arrow, .osd button.suggested-action:focus, .osd button.suggested-action:focus image, .osd button.suggested-action:focus arrow, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:hover image, .osd button.suggested-action.osd:hover arrow, .osd button.suggested-action.osd:focus, .osd button.suggested-action.osd:focus image, .osd button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action.keyboard-activating, expander .osd title > arrow.suggested-action.keyboard-activating, .osd notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header .osd tabs > tab.suggested-action.keyboard-activating, .osd notebook > header > tabs > arrow.suggested-action.keyboard-activating, .osd modelbutton.flat arrow.suggested-action.keyboard-activating, modelbutton.flat .osd arrow.suggested-action.keyboard-activating, .osd button.suggested-action:active, .osd button.suggested-action.keyboard-activating, .osd button.suggested-action.osd:active, .osd button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd expander title > arrow.suggested-action:selected, expander .osd title > arrow.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd modelbutton.flat arrow.suggested-action:selected, modelbutton.flat .osd arrow.suggested-action:selected, .osd expander title > arrow.suggested-action.has-open-popup, expander .osd title > arrow.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd modelbutton.flat arrow.suggested-action.has-open-popup, modelbutton.flat .osd arrow.suggested-action.has-open-popup, .osd button.suggested-action:checked, .osd button.suggested-action:selected, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd expander title > arrow.suggested-action:checked image, expander .osd title > arrow.suggested-action:checked image, .osd notebook > header tabs > tab.suggested-action:checked image, notebook > header .osd tabs > tab.suggested-action:checked image, .osd notebook > header > tabs > arrow.suggested-action:checked image, .osd modelbutton.flat arrow.suggested-action:checked image, modelbutton.flat .osd arrow.suggested-action:checked image, .osd expander title > arrow.suggested-action:checked arrow, expander .osd title > arrow.suggested-action:checked arrow, .osd notebook > header tabs > tab.suggested-action:checked arrow, notebook > header .osd tabs > tab.suggested-action:checked arrow, .osd notebook > header > tabs > arrow.suggested-action:checked arrow, .osd modelbutton.flat arrow.suggested-action:checked arrow, modelbutton.flat .osd arrow.suggested-action:checked arrow, .osd expander title > arrow.suggested-action:selected, expander .osd title > arrow.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd modelbutton.flat arrow.suggested-action:selected, modelbutton.flat .osd arrow.suggested-action:selected, .osd expander title > arrow.suggested-action:selected image, expander .osd title > arrow.suggested-action:selected image, .osd notebook > header tabs > tab.suggested-action:selected image, notebook > header .osd tabs > tab.suggested-action:selected image, .osd notebook > header > tabs > arrow.suggested-action:selected image, .osd modelbutton.flat arrow.suggested-action:selected image, modelbutton.flat .osd arrow.suggested-action:selected image, .osd expander title > arrow.suggested-action:selected arrow, expander .osd title > arrow.suggested-action:selected arrow, .osd notebook > header tabs > tab.suggested-action:selected arrow, notebook > header .osd tabs > tab.suggested-action:selected arrow, .osd notebook > header > tabs > arrow.suggested-action:selected arrow, .osd modelbutton.flat arrow.suggested-action:selected arrow, modelbutton.flat .osd arrow.suggested-action:selected arrow, .osd expander title > arrow.suggested-action.has-open-popup, expander .osd title > arrow.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd modelbutton.flat arrow.suggested-action.has-open-popup, modelbutton.flat .osd arrow.suggested-action.has-open-popup, .osd expander title > arrow.suggested-action.has-open-popup image, expander .osd title > arrow.suggested-action.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.has-open-popup image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup image, .osd modelbutton.flat arrow.suggested-action.has-open-popup image, modelbutton.flat .osd arrow.suggested-action.has-open-popup image, .osd expander title > arrow.suggested-action.has-open-popup arrow, expander .osd title > arrow.suggested-action.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, .osd modelbutton.flat arrow.suggested-action.has-open-popup arrow, modelbutton.flat .osd arrow.suggested-action.has-open-popup arrow, .osd expander title > arrow.suggested-action.osd:checked, expander .osd title > arrow.suggested-action.osd:checked, .osd notebook > header tabs > tab.suggested-action.osd:checked, notebook > header .osd tabs > tab.suggested-action.osd:checked, .osd expander title > arrow.suggested-action.osd:checked image, expander .osd title > arrow.suggested-action.osd:checked image, .osd notebook > header tabs > tab.suggested-action.osd:checked image, notebook > header .osd tabs > tab.suggested-action.osd:checked image, .osd expander title > arrow.suggested-action.osd:checked arrow, expander .osd title > arrow.suggested-action.osd:checked arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked arrow, .osd expander title > arrow.suggested-action.osd:selected, expander .osd title > arrow.suggested-action.osd:selected, .osd notebook > header tabs > tab.suggested-action.osd:selected, notebook > header .osd tabs > tab.suggested-action.osd:selected, .osd expander title > arrow.suggested-action.osd:selected image, expander .osd title > arrow.suggested-action.osd:selected image, .osd notebook > header tabs > tab.suggested-action.osd:selected image, notebook > header .osd tabs > tab.suggested-action.osd:selected image, .osd expander title > arrow.suggested-action.osd:selected arrow, expander .osd title > arrow.suggested-action.osd:selected arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected arrow, .osd expander title > arrow.suggested-action.osd.has-open-popup, expander .osd title > arrow.suggested-action.osd.has-open-popup, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup, .osd expander title > arrow.suggested-action.osd.has-open-popup image, expander .osd title > arrow.suggested-action.osd.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup image, .osd expander title > arrow.suggested-action.osd.has-open-popup arrow, expander .osd title > arrow.suggested-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup arrow, .osd button.suggested-action:checked, .osd button.suggested-action:checked image, .osd button.suggested-action:checked arrow, .osd button.suggested-action:selected, .osd button.suggested-action:selected image, .osd button.suggested-action:selected arrow, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.has-open-popup image, .osd button.suggested-action.has-open-popup arrow, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:checked image, .osd button.suggested-action.osd:checked arrow, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd:selected image, .osd button.suggested-action.osd:selected arrow, .osd button.suggested-action.osd.has-open-popup, .osd button.suggested-action.osd.has-open-popup image, .osd button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:checked:hover, expander .osd title > arrow.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd modelbutton.flat arrow.suggested-action:checked:hover, modelbutton.flat .osd arrow.suggested-action:checked:hover, .osd expander title > arrow.suggested-action:checked:focus, expander .osd title > arrow.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd modelbutton.flat arrow.suggested-action:checked:focus, modelbutton.flat .osd arrow.suggested-action:checked:focus, .osd expander title > arrow.suggested-action:selected:hover, expander .osd title > arrow.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd modelbutton.flat arrow.suggested-action:selected:hover, modelbutton.flat .osd arrow.suggested-action:selected:hover, .osd expander title > arrow.suggested-action:selected:focus, expander .osd title > arrow.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd modelbutton.flat arrow.suggested-action:selected:focus, modelbutton.flat .osd arrow.suggested-action:selected:focus, .osd expander title > arrow.suggested-action.has-open-popup:hover, expander .osd title > arrow.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover, .osd expander title > arrow.suggested-action.has-open-popup:focus, expander .osd title > arrow.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:focus, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:focus, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.suggested-action:checked:hover, expander .osd title > arrow.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd treeview.view header button.suggested-action:checked:hover, treeview.view header .osd button.suggested-action:checked:hover, .osd modelbutton.flat arrow.suggested-action:checked:hover, modelbutton.flat .osd arrow.suggested-action:checked:hover, .osd expander title > arrow.suggested-action:checked:hover image, expander .osd title > arrow.suggested-action:checked:hover image, .osd notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header .osd tabs > tab.suggested-action:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action:checked:hover image, .osd treeview.view header button.suggested-action:checked:hover image, treeview.view header .osd button.suggested-action:checked:hover image, .osd modelbutton.flat arrow.suggested-action:checked:hover image, modelbutton.flat .osd arrow.suggested-action:checked:hover image, .osd expander title > arrow.suggested-action:checked:hover arrow, expander .osd title > arrow.suggested-action:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:hover arrow, .osd treeview.view header button.suggested-action:checked:hover arrow, treeview.view header .osd button.suggested-action:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action:checked:hover arrow, .osd expander title > arrow.suggested-action:checked:focus, expander .osd title > arrow.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd treeview.view header button.suggested-action:checked:focus, treeview.view header .osd button.suggested-action:checked:focus, .osd modelbutton.flat arrow.suggested-action:checked:focus, modelbutton.flat .osd arrow.suggested-action:checked:focus, .osd expander title > arrow.suggested-action:checked:focus image, expander .osd title > arrow.suggested-action:checked:focus image, .osd notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header .osd tabs > tab.suggested-action:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action:checked:focus image, .osd treeview.view header button.suggested-action:checked:focus image, treeview.view header .osd button.suggested-action:checked:focus image, .osd modelbutton.flat arrow.suggested-action:checked:focus image, modelbutton.flat .osd arrow.suggested-action:checked:focus image, .osd expander title > arrow.suggested-action:checked:focus arrow, expander .osd title > arrow.suggested-action:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:focus arrow, .osd treeview.view header button.suggested-action:checked:focus arrow, treeview.view header .osd button.suggested-action:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action:checked:focus arrow, .osd expander title > arrow.suggested-action:selected:hover, expander .osd title > arrow.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd treeview.view header button.suggested-action:selected:hover, treeview.view header .osd button.suggested-action:selected:hover, .osd modelbutton.flat arrow.suggested-action:selected:hover, modelbutton.flat .osd arrow.suggested-action:selected:hover, .osd expander title > arrow.suggested-action:selected:hover image, expander .osd title > arrow.suggested-action:selected:hover image, .osd notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header .osd tabs > tab.suggested-action:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action:selected:hover image, .osd treeview.view header button.suggested-action:selected:hover image, treeview.view header .osd button.suggested-action:selected:hover image, .osd modelbutton.flat arrow.suggested-action:selected:hover image, modelbutton.flat .osd arrow.suggested-action:selected:hover image, .osd expander title > arrow.suggested-action:selected:hover arrow, expander .osd title > arrow.suggested-action:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:hover arrow, .osd treeview.view header button.suggested-action:selected:hover arrow, treeview.view header .osd button.suggested-action:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action:selected:hover arrow, .osd expander title > arrow.suggested-action:selected:focus, expander .osd title > arrow.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd treeview.view header button.suggested-action:selected:focus, treeview.view header .osd button.suggested-action:selected:focus, .osd modelbutton.flat arrow.suggested-action:selected:focus, modelbutton.flat .osd arrow.suggested-action:selected:focus, .osd expander title > arrow.suggested-action:selected:focus image, expander .osd title > arrow.suggested-action:selected:focus image, .osd notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header .osd tabs > tab.suggested-action:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action:selected:focus image, .osd treeview.view header button.suggested-action:selected:focus image, treeview.view header .osd button.suggested-action:selected:focus image, .osd modelbutton.flat arrow.suggested-action:selected:focus image, modelbutton.flat .osd arrow.suggested-action:selected:focus image, .osd expander title > arrow.suggested-action:selected:focus arrow, expander .osd title > arrow.suggested-action:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:focus arrow, .osd treeview.view header button.suggested-action:selected:focus arrow, treeview.view header .osd button.suggested-action:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action:selected:focus arrow, .osd expander title > arrow.suggested-action.has-open-popup:hover, expander .osd title > arrow.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd treeview.view header button.suggested-action.has-open-popup:hover, treeview.view header .osd button.suggested-action.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover, .osd expander title > arrow.suggested-action.has-open-popup:hover image, expander .osd title > arrow.suggested-action.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, .osd treeview.view header button.suggested-action.has-open-popup:hover image, treeview.view header .osd button.suggested-action.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover image, .osd expander title > arrow.suggested-action.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action.has-open-popup:focus, expander .osd title > arrow.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd treeview.view header button.suggested-action.has-open-popup:focus, treeview.view header .osd button.suggested-action.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus, .osd expander title > arrow.suggested-action.has-open-popup:focus image, expander .osd title > arrow.suggested-action.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, .osd treeview.view header button.suggested-action.has-open-popup:focus image, treeview.view header .osd button.suggested-action.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus image, .osd expander title > arrow.suggested-action.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus arrow, .osd expander title > arrow.suggested-action.osd:checked:hover, expander .osd title > arrow.suggested-action.osd:checked:hover, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover, .osd treeview.view header button.suggested-action.osd:checked:hover, treeview.view header .osd button.suggested-action.osd:checked:hover, .osd modelbutton.flat arrow.suggested-action.osd:checked:hover, modelbutton.flat .osd arrow.suggested-action.osd:checked:hover, .osd expander title > arrow.suggested-action.osd:checked:hover image, expander .osd title > arrow.suggested-action.osd:checked:hover image, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, .osd treeview.view header button.suggested-action.osd:checked:hover image, treeview.view header .osd button.suggested-action.osd:checked:hover image, .osd modelbutton.flat arrow.suggested-action.osd:checked:hover image, modelbutton.flat .osd arrow.suggested-action.osd:checked:hover image, .osd expander title > arrow.suggested-action.osd:checked:hover arrow, expander .osd title > arrow.suggested-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, .osd treeview.view header button.suggested-action.osd:checked:hover arrow, treeview.view header .osd button.suggested-action.osd:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:checked:hover arrow, .osd expander title > arrow.suggested-action.osd:checked:focus, expander .osd title > arrow.suggested-action.osd:checked:focus, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus, .osd treeview.view header button.suggested-action.osd:checked:focus, treeview.view header .osd button.suggested-action.osd:checked:focus, .osd modelbutton.flat arrow.suggested-action.osd:checked:focus, modelbutton.flat .osd arrow.suggested-action.osd:checked:focus, .osd expander title > arrow.suggested-action.osd:checked:focus image, expander .osd title > arrow.suggested-action.osd:checked:focus image, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, .osd treeview.view header button.suggested-action.osd:checked:focus image, treeview.view header .osd button.suggested-action.osd:checked:focus image, .osd modelbutton.flat arrow.suggested-action.osd:checked:focus image, modelbutton.flat .osd arrow.suggested-action.osd:checked:focus image, .osd expander title > arrow.suggested-action.osd:checked:focus arrow, expander .osd title > arrow.suggested-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, .osd treeview.view header button.suggested-action.osd:checked:focus arrow, treeview.view header .osd button.suggested-action.osd:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:checked:focus arrow, .osd expander title > arrow.suggested-action.osd:selected:hover, expander .osd title > arrow.suggested-action.osd:selected:hover, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover, .osd treeview.view header button.suggested-action.osd:selected:hover, treeview.view header .osd button.suggested-action.osd:selected:hover, .osd modelbutton.flat arrow.suggested-action.osd:selected:hover, modelbutton.flat .osd arrow.suggested-action.osd:selected:hover, .osd expander title > arrow.suggested-action.osd:selected:hover image, expander .osd title > arrow.suggested-action.osd:selected:hover image, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, .osd treeview.view header button.suggested-action.osd:selected:hover image, treeview.view header .osd button.suggested-action.osd:selected:hover image, .osd modelbutton.flat arrow.suggested-action.osd:selected:hover image, modelbutton.flat .osd arrow.suggested-action.osd:selected:hover image, .osd expander title > arrow.suggested-action.osd:selected:hover arrow, expander .osd title > arrow.suggested-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, .osd treeview.view header button.suggested-action.osd:selected:hover arrow, treeview.view header .osd button.suggested-action.osd:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:selected:hover arrow, .osd expander title > arrow.suggested-action.osd:selected:focus, expander .osd title > arrow.suggested-action.osd:selected:focus, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus, .osd treeview.view header button.suggested-action.osd:selected:focus, treeview.view header .osd button.suggested-action.osd:selected:focus, .osd modelbutton.flat arrow.suggested-action.osd:selected:focus, modelbutton.flat .osd arrow.suggested-action.osd:selected:focus, .osd expander title > arrow.suggested-action.osd:selected:focus image, expander .osd title > arrow.suggested-action.osd:selected:focus image, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, .osd treeview.view header button.suggested-action.osd:selected:focus image, treeview.view header .osd button.suggested-action.osd:selected:focus image, .osd modelbutton.flat arrow.suggested-action.osd:selected:focus image, modelbutton.flat .osd arrow.suggested-action.osd:selected:focus image, .osd expander title > arrow.suggested-action.osd:selected:focus arrow, expander .osd title > arrow.suggested-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, .osd treeview.view header button.suggested-action.osd:selected:focus arrow, treeview.view header .osd button.suggested-action.osd:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:selected:focus arrow, .osd expander title > arrow.suggested-action.osd.has-open-popup:hover, expander .osd title > arrow.suggested-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, .osd treeview.view header button.suggested-action.osd.has-open-popup:hover, treeview.view header .osd button.suggested-action.osd.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:hover, .osd expander title > arrow.suggested-action.osd.has-open-popup:hover image, expander .osd title > arrow.suggested-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, .osd treeview.view header button.suggested-action.osd.has-open-popup:hover image, treeview.view header .osd button.suggested-action.osd.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:hover image, .osd expander title > arrow.suggested-action.osd.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action.osd.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action.osd.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action.osd.has-open-popup:focus, expander .osd title > arrow.suggested-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, .osd treeview.view header button.suggested-action.osd.has-open-popup:focus, treeview.view header .osd button.suggested-action.osd.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:focus, .osd expander title > arrow.suggested-action.osd.has-open-popup:focus image, expander .osd title > arrow.suggested-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, .osd treeview.view header button.suggested-action.osd.has-open-popup:focus image, treeview.view header .osd button.suggested-action.osd.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:focus image, .osd expander title > arrow.suggested-action.osd.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action.osd.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action.osd.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:focus arrow, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:hover image, .osd button.suggested-action:checked:hover arrow, .osd button.suggested-action:checked:focus, .osd button.suggested-action:checked:focus image, .osd button.suggested-action:checked:focus arrow, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:hover image, .osd button.suggested-action:selected:hover arrow, .osd button.suggested-action:selected:focus, .osd button.suggested-action:selected:focus image, .osd button.suggested-action:selected:focus arrow, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:hover image, .osd button.suggested-action.has-open-popup:hover arrow, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.has-open-popup:focus image, .osd button.suggested-action.has-open-popup:focus arrow, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:hover image, .osd button.suggested-action.osd:checked:hover arrow, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:checked:focus image, .osd button.suggested-action.osd:checked:focus arrow, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:hover image, .osd button.suggested-action.osd:selected:hover arrow, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd:selected:focus image, .osd button.suggested-action.osd:selected:focus arrow, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:hover image, .osd button.suggested-action.osd.has-open-popup:hover arrow, .osd button.suggested-action.osd.has-open-popup:focus, .osd button.suggested-action.osd.has-open-popup:focus image, .osd button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action.osd:disabled, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled, .osd button.suggested-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:disabled:hover, expander .osd title > arrow.suggested-action:disabled:hover, .osd notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header .osd tabs > tab.suggested-action:disabled:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover, .osd modelbutton.flat arrow.suggested-action:disabled:hover, modelbutton.flat .osd arrow.suggested-action:disabled:hover, .osd expander title > arrow.suggested-action:disabled:focus, expander .osd title > arrow.suggested-action:disabled:focus, .osd notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header .osd tabs > tab.suggested-action:disabled:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus, .osd modelbutton.flat arrow.suggested-action:disabled:focus, modelbutton.flat .osd arrow.suggested-action:disabled:focus, .osd button.suggested-action:disabled:hover, .osd button.suggested-action:disabled:focus, .osd button.suggested-action.osd:disabled:hover, .osd button.suggested-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.suggested-action:disabled:hover, expander .osd title > arrow.suggested-action:disabled:hover, .osd notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header .osd tabs > tab.suggested-action:disabled:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover, .osd modelbutton.flat arrow.suggested-action:disabled:hover, modelbutton.flat .osd arrow.suggested-action:disabled:hover, .osd expander title > arrow.suggested-action:disabled:hover image, expander .osd title > arrow.suggested-action:disabled:hover image, .osd notebook > header tabs > tab.suggested-action:disabled:hover image, notebook > header .osd tabs > tab.suggested-action:disabled:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover image, .osd modelbutton.flat arrow.suggested-action:disabled:hover image, modelbutton.flat .osd arrow.suggested-action:disabled:hover image, .osd expander title > arrow.suggested-action:disabled:hover arrow, expander .osd title > arrow.suggested-action:disabled:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled:hover arrow, .osd expander title > arrow.suggested-action:disabled:focus, expander .osd title > arrow.suggested-action:disabled:focus, .osd notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header .osd tabs > tab.suggested-action:disabled:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus, .osd modelbutton.flat arrow.suggested-action:disabled:focus, modelbutton.flat .osd arrow.suggested-action:disabled:focus, .osd expander title > arrow.suggested-action:disabled:focus image, expander .osd title > arrow.suggested-action:disabled:focus image, .osd notebook > header tabs > tab.suggested-action:disabled:focus image, notebook > header .osd tabs > tab.suggested-action:disabled:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus image, .osd modelbutton.flat arrow.suggested-action:disabled:focus image, modelbutton.flat .osd arrow.suggested-action:disabled:focus image, .osd expander title > arrow.suggested-action:disabled:focus arrow, expander .osd title > arrow.suggested-action:disabled:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled:focus arrow, .osd button.suggested-action:disabled:hover, .osd button.suggested-action:disabled:hover image, .osd button.suggested-action:disabled:hover arrow, .osd button.suggested-action:disabled:focus, .osd button.suggested-action:disabled:focus image, .osd button.suggested-action:disabled:focus arrow, .osd button.suggested-action.osd:disabled:hover, .osd button.suggested-action.osd:disabled:hover image, .osd button.suggested-action.osd:disabled:hover arrow, .osd button.suggested-action.osd:disabled:focus, .osd button.suggested-action.osd:disabled:focus image, .osd button.suggested-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:active, expander .osd title > arrow.suggested-action:disabled:active, .osd notebook > header tabs > tab.suggested-action:disabled:active, notebook > header .osd tabs > tab.suggested-action:disabled:active, .osd notebook > header > tabs > arrow.suggested-action:disabled:active, .osd modelbutton.flat arrow.suggested-action:disabled:active, modelbutton.flat .osd arrow.suggested-action:disabled:active, .osd expander title > arrow.suggested-action:disabled.keyboard-activating, expander .osd title > arrow.suggested-action:disabled.keyboard-activating, .osd notebook > header tabs > tab.suggested-action:disabled.keyboard-activating, notebook > header .osd tabs > tab.suggested-action:disabled.keyboard-activating, .osd notebook > header > tabs > arrow.suggested-action:disabled.keyboard-activating, .osd modelbutton.flat arrow.suggested-action:disabled.keyboard-activating, modelbutton.flat .osd arrow.suggested-action:disabled.keyboard-activating, .osd button.suggested-action:disabled:active, .osd button.suggested-action:disabled.keyboard-activating, .osd button.suggested-action.osd:disabled:active, .osd button.suggested-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:disabled:checked, expander .osd title > arrow.suggested-action:disabled:checked, .osd notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header .osd tabs > tab.suggested-action:disabled:checked, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked, .osd modelbutton.flat arrow.suggested-action:disabled:checked, modelbutton.flat .osd arrow.suggested-action:disabled:checked, .osd expander title > arrow.suggested-action:disabled:selected, expander .osd title > arrow.suggested-action:disabled:selected, .osd notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header .osd tabs > tab.suggested-action:disabled:selected, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected, .osd modelbutton.flat arrow.suggested-action:disabled:selected, modelbutton.flat .osd arrow.suggested-action:disabled:selected, .osd expander title > arrow.suggested-action:disabled.has-open-popup, expander .osd title > arrow.suggested-action:disabled.has-open-popup, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:checked, expander .osd title > arrow.suggested-action:disabled:checked, .osd notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header .osd tabs > tab.suggested-action:disabled:checked, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked, .osd modelbutton.flat arrow.suggested-action:disabled:checked, modelbutton.flat .osd arrow.suggested-action:disabled:checked, .osd expander title > arrow.suggested-action:disabled:checked image, expander .osd title > arrow.suggested-action:disabled:checked image, .osd notebook > header tabs > tab.suggested-action:disabled:checked image, notebook > header .osd tabs > tab.suggested-action:disabled:checked image, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked image, .osd modelbutton.flat arrow.suggested-action:disabled:checked image, modelbutton.flat .osd arrow.suggested-action:disabled:checked image, .osd expander title > arrow.suggested-action:disabled:checked arrow, expander .osd title > arrow.suggested-action:disabled:checked arrow, .osd notebook > header tabs > tab.suggested-action:disabled:checked arrow, notebook > header .osd tabs > tab.suggested-action:disabled:checked arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked arrow, .osd modelbutton.flat arrow.suggested-action:disabled:checked arrow, modelbutton.flat .osd arrow.suggested-action:disabled:checked arrow, .osd expander title > arrow.suggested-action:disabled:selected, expander .osd title > arrow.suggested-action:disabled:selected, .osd notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header .osd tabs > tab.suggested-action:disabled:selected, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected, .osd modelbutton.flat arrow.suggested-action:disabled:selected, modelbutton.flat .osd arrow.suggested-action:disabled:selected, .osd expander title > arrow.suggested-action:disabled:selected image, expander .osd title > arrow.suggested-action:disabled:selected image, .osd notebook > header tabs > tab.suggested-action:disabled:selected image, notebook > header .osd tabs > tab.suggested-action:disabled:selected image, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected image, .osd modelbutton.flat arrow.suggested-action:disabled:selected image, modelbutton.flat .osd arrow.suggested-action:disabled:selected image, .osd expander title > arrow.suggested-action:disabled:selected arrow, expander .osd title > arrow.suggested-action:disabled:selected arrow, .osd notebook > header tabs > tab.suggested-action:disabled:selected arrow, notebook > header .osd tabs > tab.suggested-action:disabled:selected arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected arrow, .osd modelbutton.flat arrow.suggested-action:disabled:selected arrow, modelbutton.flat .osd arrow.suggested-action:disabled:selected arrow, .osd expander title > arrow.suggested-action:disabled.has-open-popup, expander .osd title > arrow.suggested-action:disabled.has-open-popup, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup, .osd expander title > arrow.suggested-action:disabled.has-open-popup image, expander .osd title > arrow.suggested-action:disabled.has-open-popup image, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup image, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup image, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup image, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup image, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup image, .osd expander title > arrow.suggested-action:disabled.has-open-popup arrow, expander .osd title > arrow.suggested-action:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup arrow, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup arrow, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup arrow, .osd expander title > arrow.suggested-action.osd:disabled:checked, expander .osd title > arrow.suggested-action.osd:disabled:checked, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked, .osd expander title > arrow.suggested-action.osd:disabled:checked image, expander .osd title > arrow.suggested-action.osd:disabled:checked image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked image, .osd expander title > arrow.suggested-action.osd:disabled:checked arrow, expander .osd title > arrow.suggested-action.osd:disabled:checked arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked arrow, .osd expander title > arrow.suggested-action.osd:disabled:selected, expander .osd title > arrow.suggested-action.osd:disabled:selected, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected, .osd expander title > arrow.suggested-action.osd:disabled:selected image, expander .osd title > arrow.suggested-action.osd:disabled:selected image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected image, .osd expander title > arrow.suggested-action.osd:disabled:selected arrow, expander .osd title > arrow.suggested-action.osd:disabled:selected arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected arrow, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup image, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup image, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup arrow, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup arrow, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:checked image, .osd button.suggested-action:disabled:checked arrow, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled:selected image, .osd button.suggested-action:disabled:selected arrow, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action:disabled.has-open-popup image, .osd button.suggested-action:disabled.has-open-popup arrow, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:checked image, .osd button.suggested-action.osd:disabled:checked arrow, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled:selected image, .osd button.suggested-action.osd:disabled:selected arrow, .osd button.suggested-action.osd:disabled.has-open-popup, .osd button.suggested-action.osd:disabled.has-open-popup image, .osd button.suggested-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:checked:hover, expander .osd title > arrow.suggested-action:disabled:checked:hover, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover, .osd expander title > arrow.suggested-action:disabled:checked:focus, expander .osd title > arrow.suggested-action:disabled:checked:focus, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus, .osd expander title > arrow.suggested-action:disabled:selected:hover, expander .osd title > arrow.suggested-action:disabled:selected:hover, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover, .osd expander title > arrow.suggested-action:disabled:selected:focus, expander .osd title > arrow.suggested-action:disabled:selected:focus, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus, .osd button.suggested-action:disabled:checked:hover, .osd button.suggested-action:disabled:checked:focus, .osd button.suggested-action:disabled:selected:hover, .osd button.suggested-action:disabled:selected:focus, .osd button.suggested-action:disabled.has-open-popup:hover, .osd button.suggested-action:disabled.has-open-popup:focus, .osd button.suggested-action.osd:disabled:checked:hover, .osd button.suggested-action.osd:disabled:checked:focus, .osd button.suggested-action.osd:disabled:selected:hover, .osd button.suggested-action.osd:disabled:selected:focus, .osd button.suggested-action.osd:disabled.has-open-popup:hover, .osd button.suggested-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.suggested-action:disabled:checked:hover, expander .osd title > arrow.suggested-action:disabled:checked:hover, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, .osd treeview.view header button.suggested-action:disabled:checked:hover, treeview.view header .osd button.suggested-action:disabled:checked:hover, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover, .osd expander title > arrow.suggested-action:disabled:checked:hover image, expander .osd title > arrow.suggested-action:disabled:checked:hover image, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover image, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover image, .osd treeview.view header button.suggested-action:disabled:checked:hover image, treeview.view header .osd button.suggested-action:disabled:checked:hover image, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover image, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover image, .osd expander title > arrow.suggested-action:disabled:checked:hover arrow, expander .osd title > arrow.suggested-action:disabled:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover arrow, .osd treeview.view header button.suggested-action:disabled:checked:hover arrow, treeview.view header .osd button.suggested-action:disabled:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover arrow, .osd expander title > arrow.suggested-action:disabled:checked:focus, expander .osd title > arrow.suggested-action:disabled:checked:focus, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, .osd treeview.view header button.suggested-action:disabled:checked:focus, treeview.view header .osd button.suggested-action:disabled:checked:focus, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus, .osd expander title > arrow.suggested-action:disabled:checked:focus image, expander .osd title > arrow.suggested-action:disabled:checked:focus image, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus image, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus image, .osd treeview.view header button.suggested-action:disabled:checked:focus image, treeview.view header .osd button.suggested-action:disabled:checked:focus image, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus image, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus image, .osd expander title > arrow.suggested-action:disabled:checked:focus arrow, expander .osd title > arrow.suggested-action:disabled:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus arrow, .osd treeview.view header button.suggested-action:disabled:checked:focus arrow, treeview.view header .osd button.suggested-action:disabled:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus arrow, .osd expander title > arrow.suggested-action:disabled:selected:hover, expander .osd title > arrow.suggested-action:disabled:selected:hover, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, .osd treeview.view header button.suggested-action:disabled:selected:hover, treeview.view header .osd button.suggested-action:disabled:selected:hover, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover, .osd expander title > arrow.suggested-action:disabled:selected:hover image, expander .osd title > arrow.suggested-action:disabled:selected:hover image, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover image, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover image, .osd treeview.view header button.suggested-action:disabled:selected:hover image, treeview.view header .osd button.suggested-action:disabled:selected:hover image, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover image, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover image, .osd expander title > arrow.suggested-action:disabled:selected:hover arrow, expander .osd title > arrow.suggested-action:disabled:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover arrow, .osd treeview.view header button.suggested-action:disabled:selected:hover arrow, treeview.view header .osd button.suggested-action:disabled:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover arrow, .osd expander title > arrow.suggested-action:disabled:selected:focus, expander .osd title > arrow.suggested-action:disabled:selected:focus, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, .osd treeview.view header button.suggested-action:disabled:selected:focus, treeview.view header .osd button.suggested-action:disabled:selected:focus, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus, .osd expander title > arrow.suggested-action:disabled:selected:focus image, expander .osd title > arrow.suggested-action:disabled:selected:focus image, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus image, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus image, .osd treeview.view header button.suggested-action:disabled:selected:focus image, treeview.view header .osd button.suggested-action:disabled:selected:focus image, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus image, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus image, .osd expander title > arrow.suggested-action:disabled:selected:focus arrow, expander .osd title > arrow.suggested-action:disabled:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus arrow, .osd treeview.view header button.suggested-action:disabled:selected:focus arrow, treeview.view header .osd button.suggested-action:disabled:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus arrow, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, .osd treeview.view header button.suggested-action:disabled.has-open-popup:hover, treeview.view header .osd button.suggested-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover image, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover image, .osd treeview.view header button.suggested-action:disabled.has-open-popup:hover image, treeview.view header .osd button.suggested-action:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover image, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action:disabled.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, .osd treeview.view header button.suggested-action:disabled.has-open-popup:focus, treeview.view header .osd button.suggested-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus image, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus image, .osd treeview.view header button.suggested-action:disabled.has-open-popup:focus image, treeview.view header .osd button.suggested-action:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus image, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action:disabled.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus arrow, .osd expander title > arrow.suggested-action.osd:disabled:checked:hover, expander .osd title > arrow.suggested-action.osd:disabled:checked:hover, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover, .osd treeview.view header button.suggested-action.osd:disabled:checked:hover, treeview.view header .osd button.suggested-action.osd:disabled:checked:hover, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:hover, .osd expander title > arrow.suggested-action.osd:disabled:checked:hover image, expander .osd title > arrow.suggested-action.osd:disabled:checked:hover image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover image, .osd treeview.view header button.suggested-action.osd:disabled:checked:hover image, treeview.view header .osd button.suggested-action.osd:disabled:checked:hover image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:hover image, .osd expander title > arrow.suggested-action.osd:disabled:checked:hover arrow, expander .osd title > arrow.suggested-action.osd:disabled:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover arrow, .osd treeview.view header button.suggested-action.osd:disabled:checked:hover arrow, treeview.view header .osd button.suggested-action.osd:disabled:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:hover arrow, .osd expander title > arrow.suggested-action.osd:disabled:checked:focus, expander .osd title > arrow.suggested-action.osd:disabled:checked:focus, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus, .osd treeview.view header button.suggested-action.osd:disabled:checked:focus, treeview.view header .osd button.suggested-action.osd:disabled:checked:focus, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:focus, .osd expander title > arrow.suggested-action.osd:disabled:checked:focus image, expander .osd title > arrow.suggested-action.osd:disabled:checked:focus image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus image, .osd treeview.view header button.suggested-action.osd:disabled:checked:focus image, treeview.view header .osd button.suggested-action.osd:disabled:checked:focus image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:focus image, .osd expander title > arrow.suggested-action.osd:disabled:checked:focus arrow, expander .osd title > arrow.suggested-action.osd:disabled:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus arrow, .osd treeview.view header button.suggested-action.osd:disabled:checked:focus arrow, treeview.view header .osd button.suggested-action.osd:disabled:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:focus arrow, .osd expander title > arrow.suggested-action.osd:disabled:selected:hover, expander .osd title > arrow.suggested-action.osd:disabled:selected:hover, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover, .osd treeview.view header button.suggested-action.osd:disabled:selected:hover, treeview.view header .osd button.suggested-action.osd:disabled:selected:hover, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:hover, .osd expander title > arrow.suggested-action.osd:disabled:selected:hover image, expander .osd title > arrow.suggested-action.osd:disabled:selected:hover image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover image, .osd treeview.view header button.suggested-action.osd:disabled:selected:hover image, treeview.view header .osd button.suggested-action.osd:disabled:selected:hover image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:hover image, .osd expander title > arrow.suggested-action.osd:disabled:selected:hover arrow, expander .osd title > arrow.suggested-action.osd:disabled:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover arrow, .osd treeview.view header button.suggested-action.osd:disabled:selected:hover arrow, treeview.view header .osd button.suggested-action.osd:disabled:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:hover arrow, .osd expander title > arrow.suggested-action.osd:disabled:selected:focus, expander .osd title > arrow.suggested-action.osd:disabled:selected:focus, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus, .osd treeview.view header button.suggested-action.osd:disabled:selected:focus, treeview.view header .osd button.suggested-action.osd:disabled:selected:focus, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:focus, .osd expander title > arrow.suggested-action.osd:disabled:selected:focus image, expander .osd title > arrow.suggested-action.osd:disabled:selected:focus image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus image, .osd treeview.view header button.suggested-action.osd:disabled:selected:focus image, treeview.view header .osd button.suggested-action.osd:disabled:selected:focus image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:focus image, .osd expander title > arrow.suggested-action.osd:disabled:selected:focus arrow, expander .osd title > arrow.suggested-action.osd:disabled:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus arrow, .osd treeview.view header button.suggested-action.osd:disabled:selected:focus arrow, treeview.view header .osd button.suggested-action.osd:disabled:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:focus arrow, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:hover, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover image, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover image, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover image, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:hover image, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:focus, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus image, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus image, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus image, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:focus image, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd button.suggested-action:disabled:checked:hover, .osd button.suggested-action:disabled:checked:hover image, .osd button.suggested-action:disabled:checked:hover arrow, .osd button.suggested-action:disabled:checked:focus, .osd button.suggested-action:disabled:checked:focus image, .osd button.suggested-action:disabled:checked:focus arrow, .osd button.suggested-action:disabled:selected:hover, .osd button.suggested-action:disabled:selected:hover image, .osd button.suggested-action:disabled:selected:hover arrow, .osd button.suggested-action:disabled:selected:focus, .osd button.suggested-action:disabled:selected:focus image, .osd button.suggested-action:disabled:selected:focus arrow, .osd button.suggested-action:disabled.has-open-popup:hover, .osd button.suggested-action:disabled.has-open-popup:hover image, .osd button.suggested-action:disabled.has-open-popup:hover arrow, .osd button.suggested-action:disabled.has-open-popup:focus, .osd button.suggested-action:disabled.has-open-popup:focus image, .osd button.suggested-action:disabled.has-open-popup:focus arrow, .osd button.suggested-action.osd:disabled:checked:hover, .osd button.suggested-action.osd:disabled:checked:hover image, .osd button.suggested-action.osd:disabled:checked:hover arrow, .osd button.suggested-action.osd:disabled:checked:focus, .osd button.suggested-action.osd:disabled:checked:focus image, .osd button.suggested-action.osd:disabled:checked:focus arrow, .osd button.suggested-action.osd:disabled:selected:hover, .osd button.suggested-action.osd:disabled:selected:hover image, .osd button.suggested-action.osd:disabled:selected:hover arrow, .osd button.suggested-action.osd:disabled:selected:focus, .osd button.suggested-action.osd:disabled:selected:focus image, .osd button.suggested-action.osd:disabled:selected:focus arrow, .osd button.suggested-action.osd:disabled.has-open-popup:hover, .osd button.suggested-action.osd:disabled.has-open-popup:hover image, .osd button.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd button.suggested-action.osd:disabled.has-open-popup:focus, .osd button.suggested-action.osd:disabled.has-open-popup:focus image, .osd button.suggested-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:disabled, expander .osd title > arrow.suggested-action:disabled:disabled, .osd notebook > header tabs > tab.suggested-action:disabled:disabled, notebook > header .osd tabs > tab.suggested-action:disabled:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled:disabled, .osd modelbutton.flat arrow.suggested-action:disabled:disabled, modelbutton.flat .osd arrow.suggested-action:disabled:disabled, .osd button.suggested-action:disabled:disabled, .osd button.suggested-action:disabled:disabled:checked, .osd button.suggested-action:disabled:disabled:selected, .osd button.suggested-action:disabled:disabled.has-open-popup, .osd button.suggested-action.osd:disabled:disabled, .osd button.suggested-action.osd:disabled:disabled:checked, .osd button.suggested-action.osd:disabled:disabled:selected, .osd button.suggested-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header > tabs > arrow.destructive-action, treeview.view header button.destructive-action, modelbutton.flat arrow.destructive-action, button.destructive-action, button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus, button.destructive-action.osd:hover, button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:hover image, notebook > header tabs > tab.destructive-action:hover image, notebook > header > tabs > arrow.destructive-action:hover image, modelbutton.flat arrow.destructive-action:hover image, expander title > arrow.destructive-action:hover arrow, notebook > header tabs > tab.destructive-action:hover arrow, notebook > header > tabs > arrow.destructive-action:hover arrow, modelbutton.flat arrow.destructive-action:hover arrow, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, expander title > arrow.destructive-action:focus image, notebook > header tabs > tab.destructive-action:focus image, notebook > header > tabs > arrow.destructive-action:focus image, modelbutton.flat arrow.destructive-action:focus image, expander title > arrow.destructive-action:focus arrow, notebook > header tabs > tab.destructive-action:focus arrow, notebook > header > tabs > arrow.destructive-action:focus arrow, modelbutton.flat arrow.destructive-action:focus arrow, button.destructive-action:hover, button.destructive-action:hover image, button.destructive-action:hover arrow, button.destructive-action:focus, button.destructive-action:focus image, button.destructive-action:focus arrow, button.destructive-action.osd:hover, button.destructive-action.osd:hover image, button.destructive-action.osd:hover arrow, button.destructive-action.osd:focus, button.destructive-action.osd:focus image, button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, expander title > arrow.destructive-action.keyboard-activating, notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header > tabs > arrow.destructive-action.keyboard-activating, modelbutton.flat arrow.destructive-action.keyboard-activating, button.destructive-action:active, button.destructive-action.keyboard-activating, button.destructive-action.osd:active, button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, expander title > arrow.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, modelbutton.flat arrow.destructive-action:selected, expander title > arrow.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, modelbutton.flat arrow.destructive-action.has-open-popup, button.destructive-action:checked, button.destructive-action:selected, button.destructive-action.has-open-popup, button.destructive-action.osd:checked, button.destructive-action.osd:selected, button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, expander title > arrow.destructive-action:checked image, notebook > header tabs > tab.destructive-action:checked image, notebook > header > tabs > arrow.destructive-action:checked image, modelbutton.flat arrow.destructive-action:checked image, expander title > arrow.destructive-action:checked arrow, notebook > header tabs > tab.destructive-action:checked arrow, notebook > header > tabs > arrow.destructive-action:checked arrow, modelbutton.flat arrow.destructive-action:checked arrow, expander title > arrow.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, modelbutton.flat arrow.destructive-action:selected, expander title > arrow.destructive-action:selected image, notebook > header tabs > tab.destructive-action:selected image, notebook > header > tabs > arrow.destructive-action:selected image, modelbutton.flat arrow.destructive-action:selected image, expander title > arrow.destructive-action:selected arrow, notebook > header tabs > tab.destructive-action:selected arrow, notebook > header > tabs > arrow.destructive-action:selected arrow, modelbutton.flat arrow.destructive-action:selected arrow, expander title > arrow.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, modelbutton.flat arrow.destructive-action.has-open-popup, expander title > arrow.destructive-action.has-open-popup image, notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header > tabs > arrow.destructive-action.has-open-popup image, modelbutton.flat arrow.destructive-action.has-open-popup image, expander title > arrow.destructive-action.has-open-popup arrow, notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, modelbutton.flat arrow.destructive-action.has-open-popup arrow, button.destructive-action:checked, button.destructive-action:checked image, button.destructive-action:checked arrow, button.destructive-action:selected, button.destructive-action:selected image, button.destructive-action:selected arrow, button.destructive-action.has-open-popup, button.destructive-action.has-open-popup image, button.destructive-action.has-open-popup arrow, button.destructive-action.osd:checked, button.destructive-action.osd:checked image, button.destructive-action.osd:checked arrow, button.destructive-action.osd:selected, button.destructive-action.osd:selected image, button.destructive-action.osd:selected arrow, button.destructive-action.osd.has-open-popup, button.destructive-action.osd.has-open-popup image, button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, modelbutton.flat arrow.destructive-action:checked:hover, expander title > arrow.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, modelbutton.flat arrow.destructive-action:checked:focus, expander title > arrow.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, modelbutton.flat arrow.destructive-action:selected:hover, expander title > arrow.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, modelbutton.flat arrow.destructive-action:selected:focus, expander title > arrow.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, modelbutton.flat arrow.destructive-action.has-open-popup:hover, expander title > arrow.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, modelbutton.flat arrow.destructive-action.has-open-popup:focus, button.destructive-action:checked:hover, button.destructive-action:checked:focus, button.destructive-action:selected:hover, button.destructive-action:selected:focus, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:focus, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:focus, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:focus, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, treeview.view header button.destructive-action:checked:hover, modelbutton.flat arrow.destructive-action:checked:hover, expander title > arrow.destructive-action:checked:hover image, notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header > tabs > arrow.destructive-action:checked:hover image, treeview.view header button.destructive-action:checked:hover image, modelbutton.flat arrow.destructive-action:checked:hover image, expander title > arrow.destructive-action:checked:hover arrow, notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header > tabs > arrow.destructive-action:checked:hover arrow, treeview.view header button.destructive-action:checked:hover arrow, modelbutton.flat arrow.destructive-action:checked:hover arrow, expander title > arrow.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, treeview.view header button.destructive-action:checked:focus, modelbutton.flat arrow.destructive-action:checked:focus, expander title > arrow.destructive-action:checked:focus image, notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header > tabs > arrow.destructive-action:checked:focus image, treeview.view header button.destructive-action:checked:focus image, modelbutton.flat arrow.destructive-action:checked:focus image, expander title > arrow.destructive-action:checked:focus arrow, notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header > tabs > arrow.destructive-action:checked:focus arrow, treeview.view header button.destructive-action:checked:focus arrow, modelbutton.flat arrow.destructive-action:checked:focus arrow, expander title > arrow.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, treeview.view header button.destructive-action:selected:hover, modelbutton.flat arrow.destructive-action:selected:hover, expander title > arrow.destructive-action:selected:hover image, notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header > tabs > arrow.destructive-action:selected:hover image, treeview.view header button.destructive-action:selected:hover image, modelbutton.flat arrow.destructive-action:selected:hover image, expander title > arrow.destructive-action:selected:hover arrow, notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header > tabs > arrow.destructive-action:selected:hover arrow, treeview.view header button.destructive-action:selected:hover arrow, modelbutton.flat arrow.destructive-action:selected:hover arrow, expander title > arrow.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, treeview.view header button.destructive-action:selected:focus, modelbutton.flat arrow.destructive-action:selected:focus, expander title > arrow.destructive-action:selected:focus image, notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header > tabs > arrow.destructive-action:selected:focus image, treeview.view header button.destructive-action:selected:focus image, modelbutton.flat arrow.destructive-action:selected:focus image, expander title > arrow.destructive-action:selected:focus arrow, notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header > tabs > arrow.destructive-action:selected:focus arrow, treeview.view header button.destructive-action:selected:focus arrow, modelbutton.flat arrow.destructive-action:selected:focus arrow, expander title > arrow.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, treeview.view header button.destructive-action.has-open-popup:hover, modelbutton.flat arrow.destructive-action.has-open-popup:hover, expander title > arrow.destructive-action.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, treeview.view header button.destructive-action.has-open-popup:hover image, modelbutton.flat arrow.destructive-action.has-open-popup:hover image, expander title > arrow.destructive-action.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, treeview.view header button.destructive-action.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action.has-open-popup:hover arrow, expander title > arrow.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, treeview.view header button.destructive-action.has-open-popup:focus, modelbutton.flat arrow.destructive-action.has-open-popup:focus, expander title > arrow.destructive-action.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, treeview.view header button.destructive-action.has-open-popup:focus image, modelbutton.flat arrow.destructive-action.has-open-popup:focus image, expander title > arrow.destructive-action.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, treeview.view header button.destructive-action.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action.has-open-popup:focus arrow, expander title > arrow.destructive-action.osd:checked:hover, notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header > tabs > arrow.destructive-action.osd:checked:hover, treeview.view header button.destructive-action.osd:checked:hover, modelbutton.flat arrow.destructive-action.osd:checked:hover, expander title > arrow.destructive-action.osd:checked:hover image, notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, treeview.view header button.destructive-action.osd:checked:hover image, modelbutton.flat arrow.destructive-action.osd:checked:hover image, expander title > arrow.destructive-action.osd:checked:hover arrow, notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, treeview.view header button.destructive-action.osd:checked:hover arrow, modelbutton.flat arrow.destructive-action.osd:checked:hover arrow, expander title > arrow.destructive-action.osd:checked:focus, notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header > tabs > arrow.destructive-action.osd:checked:focus, treeview.view header button.destructive-action.osd:checked:focus, modelbutton.flat arrow.destructive-action.osd:checked:focus, expander title > arrow.destructive-action.osd:checked:focus image, notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, treeview.view header button.destructive-action.osd:checked:focus image, modelbutton.flat arrow.destructive-action.osd:checked:focus image, expander title > arrow.destructive-action.osd:checked:focus arrow, notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, treeview.view header button.destructive-action.osd:checked:focus arrow, modelbutton.flat arrow.destructive-action.osd:checked:focus arrow, expander title > arrow.destructive-action.osd:selected:hover, notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header > tabs > arrow.destructive-action.osd:selected:hover, treeview.view header button.destructive-action.osd:selected:hover, modelbutton.flat arrow.destructive-action.osd:selected:hover, expander title > arrow.destructive-action.osd:selected:hover image, notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, treeview.view header button.destructive-action.osd:selected:hover image, modelbutton.flat arrow.destructive-action.osd:selected:hover image, expander title > arrow.destructive-action.osd:selected:hover arrow, notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, treeview.view header button.destructive-action.osd:selected:hover arrow, modelbutton.flat arrow.destructive-action.osd:selected:hover arrow, expander title > arrow.destructive-action.osd:selected:focus, notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header > tabs > arrow.destructive-action.osd:selected:focus, treeview.view header button.destructive-action.osd:selected:focus, modelbutton.flat arrow.destructive-action.osd:selected:focus, expander title > arrow.destructive-action.osd:selected:focus image, notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, treeview.view header button.destructive-action.osd:selected:focus image, modelbutton.flat arrow.destructive-action.osd:selected:focus image, expander title > arrow.destructive-action.osd:selected:focus arrow, notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, treeview.view header button.destructive-action.osd:selected:focus arrow, modelbutton.flat arrow.destructive-action.osd:selected:focus arrow, expander title > arrow.destructive-action.osd.has-open-popup:hover, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, treeview.view header button.destructive-action.osd.has-open-popup:hover, modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover, expander title > arrow.destructive-action.osd.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, treeview.view header button.destructive-action.osd.has-open-popup:hover image, modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover image, expander title > arrow.destructive-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, treeview.view header button.destructive-action.osd.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover arrow, expander title > arrow.destructive-action.osd.has-open-popup:focus, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, treeview.view header button.destructive-action.osd.has-open-popup:focus, modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus, expander title > arrow.destructive-action.osd.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, treeview.view header button.destructive-action.osd.has-open-popup:focus image, modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus image, expander title > arrow.destructive-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, treeview.view header button.destructive-action.osd.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus arrow, button.destructive-action:checked:hover, button.destructive-action:checked:hover image, button.destructive-action:checked:hover arrow, button.destructive-action:checked:focus, button.destructive-action:checked:focus image, button.destructive-action:checked:focus arrow, button.destructive-action:selected:hover, button.destructive-action:selected:hover image, button.destructive-action:selected:hover arrow, button.destructive-action:selected:focus, button.destructive-action:selected:focus image, button.destructive-action:selected:focus arrow, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:hover image, button.destructive-action.has-open-popup:hover arrow, button.destructive-action.has-open-popup:focus, button.destructive-action.has-open-popup:focus image, button.destructive-action.has-open-popup:focus arrow, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:hover image, button.destructive-action.osd:checked:hover arrow, button.destructive-action.osd:checked:focus, button.destructive-action.osd:checked:focus image, button.destructive-action.osd:checked:focus arrow, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:hover image, button.destructive-action.osd:selected:hover arrow, button.destructive-action.osd:selected:focus, button.destructive-action.osd:selected:focus image, button.destructive-action.osd:selected:focus arrow, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:hover image, button.destructive-action.osd.has-open-popup:hover arrow, button.destructive-action.osd.has-open-popup:focus, button.destructive-action.osd.has-open-popup:focus image, button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, modelbutton.flat arrow.destructive-action:disabled, button.destructive-action:disabled, button.destructive-action:disabled:checked, button.destructive-action:disabled:selected, button.destructive-action:disabled.has-open-popup, button.destructive-action.osd:disabled, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, modelbutton.flat arrow.destructive-action:disabled, button.destructive-action:disabled, button.destructive-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:disabled:hover, notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header > tabs > arrow.destructive-action:disabled:hover, modelbutton.flat arrow.destructive-action:disabled:hover, expander title > arrow.destructive-action:disabled:focus, notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header > tabs > arrow.destructive-action:disabled:focus, modelbutton.flat arrow.destructive-action:disabled:focus, button.destructive-action:disabled:hover, button.destructive-action:disabled:focus, button.destructive-action.osd:disabled:hover, button.destructive-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.destructive-action:disabled:hover, notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header > tabs > arrow.destructive-action:disabled:hover, modelbutton.flat arrow.destructive-action:disabled:hover, expander title > arrow.destructive-action:disabled:hover image, notebook > header tabs > tab.destructive-action:disabled:hover image, notebook > header > tabs > arrow.destructive-action:disabled:hover image, modelbutton.flat arrow.destructive-action:disabled:hover image, expander title > arrow.destructive-action:disabled:hover arrow, notebook > header tabs > tab.destructive-action:disabled:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled:hover arrow, modelbutton.flat arrow.destructive-action:disabled:hover arrow, expander title > arrow.destructive-action:disabled:focus, notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header > tabs > arrow.destructive-action:disabled:focus, modelbutton.flat arrow.destructive-action:disabled:focus, expander title > arrow.destructive-action:disabled:focus image, notebook > header tabs > tab.destructive-action:disabled:focus image, notebook > header > tabs > arrow.destructive-action:disabled:focus image, modelbutton.flat arrow.destructive-action:disabled:focus image, expander title > arrow.destructive-action:disabled:focus arrow, notebook > header tabs > tab.destructive-action:disabled:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled:focus arrow, modelbutton.flat arrow.destructive-action:disabled:focus arrow, button.destructive-action:disabled:hover, button.destructive-action:disabled:hover image, button.destructive-action:disabled:hover arrow, button.destructive-action:disabled:focus, button.destructive-action:disabled:focus image, button.destructive-action:disabled:focus arrow, button.destructive-action.osd:disabled:hover, button.destructive-action.osd:disabled:hover image, button.destructive-action.osd:disabled:hover arrow, button.destructive-action.osd:disabled:focus, button.destructive-action.osd:disabled:focus image, button.destructive-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.destructive-action:disabled:active, notebook > header tabs > tab.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:active, modelbutton.flat arrow.destructive-action:disabled:active, expander title > arrow.destructive-action:disabled.keyboard-activating, notebook > header tabs > tab.destructive-action:disabled.keyboard-activating, notebook > header > tabs > arrow.destructive-action:disabled.keyboard-activating, modelbutton.flat arrow.destructive-action:disabled.keyboard-activating, button.destructive-action:disabled:active, button.destructive-action:disabled.keyboard-activating, button.destructive-action.osd:disabled:active, button.destructive-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:disabled:checked, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, modelbutton.flat arrow.destructive-action:disabled:checked, expander title > arrow.destructive-action:disabled:selected, notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header > tabs > arrow.destructive-action:disabled:selected, modelbutton.flat arrow.destructive-action:disabled:selected, expander title > arrow.destructive-action:disabled.has-open-popup, notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, modelbutton.flat arrow.destructive-action:disabled.has-open-popup, button.destructive-action:disabled:checked, button.destructive-action:disabled:selected, button.destructive-action:disabled.has-open-popup, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:disabled:checked, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, modelbutton.flat arrow.destructive-action:disabled:checked, expander title > arrow.destructive-action:disabled:checked image, notebook > header tabs > tab.destructive-action:disabled:checked image, notebook > header > tabs > arrow.destructive-action:disabled:checked image, modelbutton.flat arrow.destructive-action:disabled:checked image, expander title > arrow.destructive-action:disabled:checked arrow, notebook > header tabs > tab.destructive-action:disabled:checked arrow, notebook > header > tabs > arrow.destructive-action:disabled:checked arrow, modelbutton.flat arrow.destructive-action:disabled:checked arrow, expander title > arrow.destructive-action:disabled:selected, notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header > tabs > arrow.destructive-action:disabled:selected, modelbutton.flat arrow.destructive-action:disabled:selected, expander title > arrow.destructive-action:disabled:selected image, notebook > header tabs > tab.destructive-action:disabled:selected image, notebook > header > tabs > arrow.destructive-action:disabled:selected image, modelbutton.flat arrow.destructive-action:disabled:selected image, expander title > arrow.destructive-action:disabled:selected arrow, notebook > header tabs > tab.destructive-action:disabled:selected arrow, notebook > header > tabs > arrow.destructive-action:disabled:selected arrow, modelbutton.flat arrow.destructive-action:disabled:selected arrow, expander title > arrow.destructive-action:disabled.has-open-popup, notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, modelbutton.flat arrow.destructive-action:disabled.has-open-popup, expander title > arrow.destructive-action:disabled.has-open-popup image, notebook > header tabs > tab.destructive-action:disabled.has-open-popup image, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup image, modelbutton.flat arrow.destructive-action:disabled.has-open-popup image, expander title > arrow.destructive-action:disabled.has-open-popup arrow, notebook > header tabs > tab.destructive-action:disabled.has-open-popup arrow, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup arrow, modelbutton.flat arrow.destructive-action:disabled.has-open-popup arrow, button.destructive-action:disabled:checked, button.destructive-action:disabled:checked image, button.destructive-action:disabled:checked arrow, button.destructive-action:disabled:selected, button.destructive-action:disabled:selected image, button.destructive-action:disabled:selected arrow, button.destructive-action:disabled.has-open-popup, button.destructive-action:disabled.has-open-popup image, button.destructive-action:disabled.has-open-popup arrow, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:checked image, button.destructive-action.osd:disabled:checked arrow, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled:selected image, button.destructive-action.osd:disabled:selected arrow, button.destructive-action.osd:disabled.has-open-popup, button.destructive-action.osd:disabled.has-open-popup image, button.destructive-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:disabled:checked:hover, notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, modelbutton.flat arrow.destructive-action:disabled:checked:hover, expander title > arrow.destructive-action:disabled:checked:focus, notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, modelbutton.flat arrow.destructive-action:disabled:checked:focus, expander title > arrow.destructive-action:disabled:selected:hover, notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, modelbutton.flat arrow.destructive-action:disabled:selected:hover, expander title > arrow.destructive-action:disabled:selected:focus, notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, modelbutton.flat arrow.destructive-action:disabled:selected:focus, expander title > arrow.destructive-action:disabled.has-open-popup:hover, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, expander title > arrow.destructive-action:disabled.has-open-popup:focus, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, button.destructive-action:disabled:checked:hover, button.destructive-action:disabled:checked:focus, button.destructive-action:disabled:selected:hover, button.destructive-action:disabled:selected:focus, button.destructive-action:disabled.has-open-popup:hover, button.destructive-action:disabled.has-open-popup:focus, button.destructive-action.osd:disabled:checked:hover, button.destructive-action.osd:disabled:checked:focus, button.destructive-action.osd:disabled:selected:hover, button.destructive-action.osd:disabled:selected:focus, button.destructive-action.osd:disabled.has-open-popup:hover, button.destructive-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.destructive-action:disabled:checked:hover, notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, treeview.view header button.destructive-action:disabled:checked:hover, modelbutton.flat arrow.destructive-action:disabled:checked:hover, expander title > arrow.destructive-action:disabled:checked:hover image, notebook > header tabs > tab.destructive-action:disabled:checked:hover image, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover image, treeview.view header button.destructive-action:disabled:checked:hover image, modelbutton.flat arrow.destructive-action:disabled:checked:hover image, expander title > arrow.destructive-action:disabled:checked:hover arrow, notebook > header tabs > tab.destructive-action:disabled:checked:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover arrow, treeview.view header button.destructive-action:disabled:checked:hover arrow, modelbutton.flat arrow.destructive-action:disabled:checked:hover arrow, expander title > arrow.destructive-action:disabled:checked:focus, notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, treeview.view header button.destructive-action:disabled:checked:focus, modelbutton.flat arrow.destructive-action:disabled:checked:focus, expander title > arrow.destructive-action:disabled:checked:focus image, notebook > header tabs > tab.destructive-action:disabled:checked:focus image, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus image, treeview.view header button.destructive-action:disabled:checked:focus image, modelbutton.flat arrow.destructive-action:disabled:checked:focus image, expander title > arrow.destructive-action:disabled:checked:focus arrow, notebook > header tabs > tab.destructive-action:disabled:checked:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus arrow, treeview.view header button.destructive-action:disabled:checked:focus arrow, modelbutton.flat arrow.destructive-action:disabled:checked:focus arrow, expander title > arrow.destructive-action:disabled:selected:hover, notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, treeview.view header button.destructive-action:disabled:selected:hover, modelbutton.flat arrow.destructive-action:disabled:selected:hover, expander title > arrow.destructive-action:disabled:selected:hover image, notebook > header tabs > tab.destructive-action:disabled:selected:hover image, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover image, treeview.view header button.destructive-action:disabled:selected:hover image, modelbutton.flat arrow.destructive-action:disabled:selected:hover image, expander title > arrow.destructive-action:disabled:selected:hover arrow, notebook > header tabs > tab.destructive-action:disabled:selected:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover arrow, treeview.view header button.destructive-action:disabled:selected:hover arrow, modelbutton.flat arrow.destructive-action:disabled:selected:hover arrow, expander title > arrow.destructive-action:disabled:selected:focus, notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, treeview.view header button.destructive-action:disabled:selected:focus, modelbutton.flat arrow.destructive-action:disabled:selected:focus, expander title > arrow.destructive-action:disabled:selected:focus image, notebook > header tabs > tab.destructive-action:disabled:selected:focus image, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus image, treeview.view header button.destructive-action:disabled:selected:focus image, modelbutton.flat arrow.destructive-action:disabled:selected:focus image, expander title > arrow.destructive-action:disabled:selected:focus arrow, notebook > header tabs > tab.destructive-action:disabled:selected:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus arrow, treeview.view header button.destructive-action:disabled:selected:focus arrow, modelbutton.flat arrow.destructive-action:disabled:selected:focus arrow, expander title > arrow.destructive-action:disabled.has-open-popup:hover, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, treeview.view header button.destructive-action:disabled.has-open-popup:hover, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, expander title > arrow.destructive-action:disabled.has-open-popup:hover image, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover image, treeview.view header button.destructive-action:disabled.has-open-popup:hover image, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover image, expander title > arrow.destructive-action:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover arrow, treeview.view header button.destructive-action:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover arrow, expander title > arrow.destructive-action:disabled.has-open-popup:focus, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, treeview.view header button.destructive-action:disabled.has-open-popup:focus, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, expander title > arrow.destructive-action:disabled.has-open-popup:focus image, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus image, treeview.view header button.destructive-action:disabled.has-open-popup:focus image, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus image, expander title > arrow.destructive-action:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus arrow, treeview.view header button.destructive-action:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus arrow, expander title > arrow.destructive-action.osd:disabled:checked:hover, notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover, treeview.view header button.destructive-action.osd:disabled:checked:hover, modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover, expander title > arrow.destructive-action.osd:disabled:checked:hover image, notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover image, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover image, treeview.view header button.destructive-action.osd:disabled:checked:hover image, modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover image, expander title > arrow.destructive-action.osd:disabled:checked:hover arrow, notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover arrow, treeview.view header button.destructive-action.osd:disabled:checked:hover arrow, modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover arrow, expander title > arrow.destructive-action.osd:disabled:checked:focus, notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus, treeview.view header button.destructive-action.osd:disabled:checked:focus, modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus, expander title > arrow.destructive-action.osd:disabled:checked:focus image, notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus image, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus image, treeview.view header button.destructive-action.osd:disabled:checked:focus image, modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus image, expander title > arrow.destructive-action.osd:disabled:checked:focus arrow, notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus arrow, treeview.view header button.destructive-action.osd:disabled:checked:focus arrow, modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus arrow, expander title > arrow.destructive-action.osd:disabled:selected:hover, notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover, treeview.view header button.destructive-action.osd:disabled:selected:hover, modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover, expander title > arrow.destructive-action.osd:disabled:selected:hover image, notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover image, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover image, treeview.view header button.destructive-action.osd:disabled:selected:hover image, modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover image, expander title > arrow.destructive-action.osd:disabled:selected:hover arrow, notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover arrow, treeview.view header button.destructive-action.osd:disabled:selected:hover arrow, modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover arrow, expander title > arrow.destructive-action.osd:disabled:selected:focus, notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus, treeview.view header button.destructive-action.osd:disabled:selected:focus, modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus, expander title > arrow.destructive-action.osd:disabled:selected:focus image, notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus image, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus image, treeview.view header button.destructive-action.osd:disabled:selected:focus image, modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus image, expander title > arrow.destructive-action.osd:disabled:selected:focus arrow, notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus arrow, treeview.view header button.destructive-action.osd:disabled:selected:focus arrow, modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus arrow, expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover, treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover, expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover image, treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover image, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover image, expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus, treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus, expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus image, treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus image, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus image, expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, button.destructive-action:disabled:checked:hover, button.destructive-action:disabled:checked:hover image, button.destructive-action:disabled:checked:hover arrow, button.destructive-action:disabled:checked:focus, button.destructive-action:disabled:checked:focus image, button.destructive-action:disabled:checked:focus arrow, button.destructive-action:disabled:selected:hover, button.destructive-action:disabled:selected:hover image, button.destructive-action:disabled:selected:hover arrow, button.destructive-action:disabled:selected:focus, button.destructive-action:disabled:selected:focus image, button.destructive-action:disabled:selected:focus arrow, button.destructive-action:disabled.has-open-popup:hover, button.destructive-action:disabled.has-open-popup:hover image, button.destructive-action:disabled.has-open-popup:hover arrow, button.destructive-action:disabled.has-open-popup:focus, button.destructive-action:disabled.has-open-popup:focus image, button.destructive-action:disabled.has-open-popup:focus arrow, button.destructive-action.osd:disabled:checked:hover, button.destructive-action.osd:disabled:checked:hover image, button.destructive-action.osd:disabled:checked:hover arrow, button.destructive-action.osd:disabled:checked:focus, button.destructive-action.osd:disabled:checked:focus image, button.destructive-action.osd:disabled:checked:focus arrow, button.destructive-action.osd:disabled:selected:hover, button.destructive-action.osd:disabled:selected:hover image, button.destructive-action.osd:disabled:selected:hover arrow, button.destructive-action.osd:disabled:selected:focus, button.destructive-action.osd:disabled:selected:focus image, button.destructive-action.osd:disabled:selected:focus arrow, button.destructive-action.osd:disabled.has-open-popup:hover, button.destructive-action.osd:disabled.has-open-popup:hover image, button.destructive-action.osd:disabled.has-open-popup:hover arrow, button.destructive-action.osd:disabled.has-open-popup:focus, button.destructive-action.osd:disabled.has-open-popup:focus image, button.destructive-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.destructive-action:disabled:disabled, notebook > header tabs > tab.destructive-action:disabled:disabled, notebook > header > tabs > arrow.destructive-action:disabled:disabled, modelbutton.flat arrow.destructive-action:disabled:disabled, button.destructive-action:disabled:disabled, button.destructive-action:disabled:disabled:checked, button.destructive-action:disabled:disabled:selected, button.destructive-action:disabled:disabled.has-open-popup, button.destructive-action.osd:disabled:disabled, button.destructive-action.osd:disabled:disabled:checked, button.destructive-action.osd:disabled:disabled:selected, button.destructive-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.destructive-action, expander .osd title > arrow.destructive-action, .osd notebook > header tabs > tab.destructive-action, notebook > header .osd tabs > tab.destructive-action, .osd notebook > header > tabs > arrow.destructive-action, .osd modelbutton.flat arrow.destructive-action, modelbutton.flat .osd arrow.destructive-action, .osd button.destructive-action, .osd button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd expander title > arrow.destructive-action:focus, expander .osd title > arrow.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd modelbutton.flat arrow.destructive-action:focus, modelbutton.flat .osd arrow.destructive-action:focus, .osd button.destructive-action:hover, .osd button.destructive-action:focus, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd expander title > arrow.destructive-action:hover image, expander .osd title > arrow.destructive-action:hover image, .osd notebook > header tabs > tab.destructive-action:hover image, notebook > header .osd tabs > tab.destructive-action:hover image, .osd notebook > header > tabs > arrow.destructive-action:hover image, .osd modelbutton.flat arrow.destructive-action:hover image, modelbutton.flat .osd arrow.destructive-action:hover image, .osd expander title > arrow.destructive-action:hover arrow, expander .osd title > arrow.destructive-action:hover arrow, .osd notebook > header tabs > tab.destructive-action:hover arrow, notebook > header .osd tabs > tab.destructive-action:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:hover arrow, .osd modelbutton.flat arrow.destructive-action:hover arrow, modelbutton.flat .osd arrow.destructive-action:hover arrow, .osd expander title > arrow.destructive-action:focus, expander .osd title > arrow.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd modelbutton.flat arrow.destructive-action:focus, modelbutton.flat .osd arrow.destructive-action:focus, .osd expander title > arrow.destructive-action:focus image, expander .osd title > arrow.destructive-action:focus image, .osd notebook > header tabs > tab.destructive-action:focus image, notebook > header .osd tabs > tab.destructive-action:focus image, .osd notebook > header > tabs > arrow.destructive-action:focus image, .osd modelbutton.flat arrow.destructive-action:focus image, modelbutton.flat .osd arrow.destructive-action:focus image, .osd expander title > arrow.destructive-action:focus arrow, expander .osd title > arrow.destructive-action:focus arrow, .osd notebook > header tabs > tab.destructive-action:focus arrow, notebook > header .osd tabs > tab.destructive-action:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:focus arrow, .osd modelbutton.flat arrow.destructive-action:focus arrow, modelbutton.flat .osd arrow.destructive-action:focus arrow, .osd button.destructive-action:hover, .osd button.destructive-action:hover image, .osd button.destructive-action:hover arrow, .osd button.destructive-action:focus, .osd button.destructive-action:focus image, .osd button.destructive-action:focus arrow, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:hover image, .osd button.destructive-action.osd:hover arrow, .osd button.destructive-action.osd:focus, .osd button.destructive-action.osd:focus image, .osd button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action.keyboard-activating, expander .osd title > arrow.destructive-action.keyboard-activating, .osd notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header .osd tabs > tab.destructive-action.keyboard-activating, .osd notebook > header > tabs > arrow.destructive-action.keyboard-activating, .osd modelbutton.flat arrow.destructive-action.keyboard-activating, modelbutton.flat .osd arrow.destructive-action.keyboard-activating, .osd button.destructive-action:active, .osd button.destructive-action.keyboard-activating, .osd button.destructive-action.osd:active, .osd button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd expander title > arrow.destructive-action:selected, expander .osd title > arrow.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd modelbutton.flat arrow.destructive-action:selected, modelbutton.flat .osd arrow.destructive-action:selected, .osd expander title > arrow.destructive-action.has-open-popup, expander .osd title > arrow.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd modelbutton.flat arrow.destructive-action.has-open-popup, modelbutton.flat .osd arrow.destructive-action.has-open-popup, .osd button.destructive-action:checked, .osd button.destructive-action:selected, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd expander title > arrow.destructive-action:checked image, expander .osd title > arrow.destructive-action:checked image, .osd notebook > header tabs > tab.destructive-action:checked image, notebook > header .osd tabs > tab.destructive-action:checked image, .osd notebook > header > tabs > arrow.destructive-action:checked image, .osd modelbutton.flat arrow.destructive-action:checked image, modelbutton.flat .osd arrow.destructive-action:checked image, .osd expander title > arrow.destructive-action:checked arrow, expander .osd title > arrow.destructive-action:checked arrow, .osd notebook > header tabs > tab.destructive-action:checked arrow, notebook > header .osd tabs > tab.destructive-action:checked arrow, .osd notebook > header > tabs > arrow.destructive-action:checked arrow, .osd modelbutton.flat arrow.destructive-action:checked arrow, modelbutton.flat .osd arrow.destructive-action:checked arrow, .osd expander title > arrow.destructive-action:selected, expander .osd title > arrow.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd modelbutton.flat arrow.destructive-action:selected, modelbutton.flat .osd arrow.destructive-action:selected, .osd expander title > arrow.destructive-action:selected image, expander .osd title > arrow.destructive-action:selected image, .osd notebook > header tabs > tab.destructive-action:selected image, notebook > header .osd tabs > tab.destructive-action:selected image, .osd notebook > header > tabs > arrow.destructive-action:selected image, .osd modelbutton.flat arrow.destructive-action:selected image, modelbutton.flat .osd arrow.destructive-action:selected image, .osd expander title > arrow.destructive-action:selected arrow, expander .osd title > arrow.destructive-action:selected arrow, .osd notebook > header tabs > tab.destructive-action:selected arrow, notebook > header .osd tabs > tab.destructive-action:selected arrow, .osd notebook > header > tabs > arrow.destructive-action:selected arrow, .osd modelbutton.flat arrow.destructive-action:selected arrow, modelbutton.flat .osd arrow.destructive-action:selected arrow, .osd expander title > arrow.destructive-action.has-open-popup, expander .osd title > arrow.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd modelbutton.flat arrow.destructive-action.has-open-popup, modelbutton.flat .osd arrow.destructive-action.has-open-popup, .osd expander title > arrow.destructive-action.has-open-popup image, expander .osd title > arrow.destructive-action.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.has-open-popup image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup image, .osd modelbutton.flat arrow.destructive-action.has-open-popup image, modelbutton.flat .osd arrow.destructive-action.has-open-popup image, .osd expander title > arrow.destructive-action.has-open-popup arrow, expander .osd title > arrow.destructive-action.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, .osd modelbutton.flat arrow.destructive-action.has-open-popup arrow, modelbutton.flat .osd arrow.destructive-action.has-open-popup arrow, .osd expander title > arrow.destructive-action.osd:checked, expander .osd title > arrow.destructive-action.osd:checked, .osd notebook > header tabs > tab.destructive-action.osd:checked, notebook > header .osd tabs > tab.destructive-action.osd:checked, .osd expander title > arrow.destructive-action.osd:checked image, expander .osd title > arrow.destructive-action.osd:checked image, .osd notebook > header tabs > tab.destructive-action.osd:checked image, notebook > header .osd tabs > tab.destructive-action.osd:checked image, .osd expander title > arrow.destructive-action.osd:checked arrow, expander .osd title > arrow.destructive-action.osd:checked arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked arrow, .osd expander title > arrow.destructive-action.osd:selected, expander .osd title > arrow.destructive-action.osd:selected, .osd notebook > header tabs > tab.destructive-action.osd:selected, notebook > header .osd tabs > tab.destructive-action.osd:selected, .osd expander title > arrow.destructive-action.osd:selected image, expander .osd title > arrow.destructive-action.osd:selected image, .osd notebook > header tabs > tab.destructive-action.osd:selected image, notebook > header .osd tabs > tab.destructive-action.osd:selected image, .osd expander title > arrow.destructive-action.osd:selected arrow, expander .osd title > arrow.destructive-action.osd:selected arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected arrow, .osd expander title > arrow.destructive-action.osd.has-open-popup, expander .osd title > arrow.destructive-action.osd.has-open-popup, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup, .osd expander title > arrow.destructive-action.osd.has-open-popup image, expander .osd title > arrow.destructive-action.osd.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup image, .osd expander title > arrow.destructive-action.osd.has-open-popup arrow, expander .osd title > arrow.destructive-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup arrow, .osd button.destructive-action:checked, .osd button.destructive-action:checked image, .osd button.destructive-action:checked arrow, .osd button.destructive-action:selected, .osd button.destructive-action:selected image, .osd button.destructive-action:selected arrow, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.has-open-popup image, .osd button.destructive-action.has-open-popup arrow, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:checked image, .osd button.destructive-action.osd:checked arrow, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd:selected image, .osd button.destructive-action.osd:selected arrow, .osd button.destructive-action.osd.has-open-popup, .osd button.destructive-action.osd.has-open-popup image, .osd button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:checked:hover, expander .osd title > arrow.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd modelbutton.flat arrow.destructive-action:checked:hover, modelbutton.flat .osd arrow.destructive-action:checked:hover, .osd expander title > arrow.destructive-action:checked:focus, expander .osd title > arrow.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd modelbutton.flat arrow.destructive-action:checked:focus, modelbutton.flat .osd arrow.destructive-action:checked:focus, .osd expander title > arrow.destructive-action:selected:hover, expander .osd title > arrow.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd modelbutton.flat arrow.destructive-action:selected:hover, modelbutton.flat .osd arrow.destructive-action:selected:hover, .osd expander title > arrow.destructive-action:selected:focus, expander .osd title > arrow.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd modelbutton.flat arrow.destructive-action:selected:focus, modelbutton.flat .osd arrow.destructive-action:selected:focus, .osd expander title > arrow.destructive-action.has-open-popup:hover, expander .osd title > arrow.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover, .osd expander title > arrow.destructive-action.has-open-popup:focus, expander .osd title > arrow.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:focus, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:focus, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.destructive-action:checked:hover, expander .osd title > arrow.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd treeview.view header button.destructive-action:checked:hover, treeview.view header .osd button.destructive-action:checked:hover, .osd modelbutton.flat arrow.destructive-action:checked:hover, modelbutton.flat .osd arrow.destructive-action:checked:hover, .osd expander title > arrow.destructive-action:checked:hover image, expander .osd title > arrow.destructive-action:checked:hover image, .osd notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header .osd tabs > tab.destructive-action:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action:checked:hover image, .osd treeview.view header button.destructive-action:checked:hover image, treeview.view header .osd button.destructive-action:checked:hover image, .osd modelbutton.flat arrow.destructive-action:checked:hover image, modelbutton.flat .osd arrow.destructive-action:checked:hover image, .osd expander title > arrow.destructive-action:checked:hover arrow, expander .osd title > arrow.destructive-action:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:hover arrow, .osd treeview.view header button.destructive-action:checked:hover arrow, treeview.view header .osd button.destructive-action:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action:checked:hover arrow, .osd expander title > arrow.destructive-action:checked:focus, expander .osd title > arrow.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd treeview.view header button.destructive-action:checked:focus, treeview.view header .osd button.destructive-action:checked:focus, .osd modelbutton.flat arrow.destructive-action:checked:focus, modelbutton.flat .osd arrow.destructive-action:checked:focus, .osd expander title > arrow.destructive-action:checked:focus image, expander .osd title > arrow.destructive-action:checked:focus image, .osd notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header .osd tabs > tab.destructive-action:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action:checked:focus image, .osd treeview.view header button.destructive-action:checked:focus image, treeview.view header .osd button.destructive-action:checked:focus image, .osd modelbutton.flat arrow.destructive-action:checked:focus image, modelbutton.flat .osd arrow.destructive-action:checked:focus image, .osd expander title > arrow.destructive-action:checked:focus arrow, expander .osd title > arrow.destructive-action:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:focus arrow, .osd treeview.view header button.destructive-action:checked:focus arrow, treeview.view header .osd button.destructive-action:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action:checked:focus arrow, .osd expander title > arrow.destructive-action:selected:hover, expander .osd title > arrow.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd treeview.view header button.destructive-action:selected:hover, treeview.view header .osd button.destructive-action:selected:hover, .osd modelbutton.flat arrow.destructive-action:selected:hover, modelbutton.flat .osd arrow.destructive-action:selected:hover, .osd expander title > arrow.destructive-action:selected:hover image, expander .osd title > arrow.destructive-action:selected:hover image, .osd notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header .osd tabs > tab.destructive-action:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action:selected:hover image, .osd treeview.view header button.destructive-action:selected:hover image, treeview.view header .osd button.destructive-action:selected:hover image, .osd modelbutton.flat arrow.destructive-action:selected:hover image, modelbutton.flat .osd arrow.destructive-action:selected:hover image, .osd expander title > arrow.destructive-action:selected:hover arrow, expander .osd title > arrow.destructive-action:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:hover arrow, .osd treeview.view header button.destructive-action:selected:hover arrow, treeview.view header .osd button.destructive-action:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action:selected:hover arrow, .osd expander title > arrow.destructive-action:selected:focus, expander .osd title > arrow.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd treeview.view header button.destructive-action:selected:focus, treeview.view header .osd button.destructive-action:selected:focus, .osd modelbutton.flat arrow.destructive-action:selected:focus, modelbutton.flat .osd arrow.destructive-action:selected:focus, .osd expander title > arrow.destructive-action:selected:focus image, expander .osd title > arrow.destructive-action:selected:focus image, .osd notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header .osd tabs > tab.destructive-action:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action:selected:focus image, .osd treeview.view header button.destructive-action:selected:focus image, treeview.view header .osd button.destructive-action:selected:focus image, .osd modelbutton.flat arrow.destructive-action:selected:focus image, modelbutton.flat .osd arrow.destructive-action:selected:focus image, .osd expander title > arrow.destructive-action:selected:focus arrow, expander .osd title > arrow.destructive-action:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:focus arrow, .osd treeview.view header button.destructive-action:selected:focus arrow, treeview.view header .osd button.destructive-action:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action:selected:focus arrow, .osd expander title > arrow.destructive-action.has-open-popup:hover, expander .osd title > arrow.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd treeview.view header button.destructive-action.has-open-popup:hover, treeview.view header .osd button.destructive-action.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover, .osd expander title > arrow.destructive-action.has-open-popup:hover image, expander .osd title > arrow.destructive-action.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, .osd treeview.view header button.destructive-action.has-open-popup:hover image, treeview.view header .osd button.destructive-action.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover image, .osd expander title > arrow.destructive-action.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action.has-open-popup:focus, expander .osd title > arrow.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd treeview.view header button.destructive-action.has-open-popup:focus, treeview.view header .osd button.destructive-action.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus, .osd expander title > arrow.destructive-action.has-open-popup:focus image, expander .osd title > arrow.destructive-action.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, .osd treeview.view header button.destructive-action.has-open-popup:focus image, treeview.view header .osd button.destructive-action.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus image, .osd expander title > arrow.destructive-action.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus arrow, .osd expander title > arrow.destructive-action.osd:checked:hover, expander .osd title > arrow.destructive-action.osd:checked:hover, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover, .osd treeview.view header button.destructive-action.osd:checked:hover, treeview.view header .osd button.destructive-action.osd:checked:hover, .osd modelbutton.flat arrow.destructive-action.osd:checked:hover, modelbutton.flat .osd arrow.destructive-action.osd:checked:hover, .osd expander title > arrow.destructive-action.osd:checked:hover image, expander .osd title > arrow.destructive-action.osd:checked:hover image, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, .osd treeview.view header button.destructive-action.osd:checked:hover image, treeview.view header .osd button.destructive-action.osd:checked:hover image, .osd modelbutton.flat arrow.destructive-action.osd:checked:hover image, modelbutton.flat .osd arrow.destructive-action.osd:checked:hover image, .osd expander title > arrow.destructive-action.osd:checked:hover arrow, expander .osd title > arrow.destructive-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, .osd treeview.view header button.destructive-action.osd:checked:hover arrow, treeview.view header .osd button.destructive-action.osd:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:checked:hover arrow, .osd expander title > arrow.destructive-action.osd:checked:focus, expander .osd title > arrow.destructive-action.osd:checked:focus, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus, .osd treeview.view header button.destructive-action.osd:checked:focus, treeview.view header .osd button.destructive-action.osd:checked:focus, .osd modelbutton.flat arrow.destructive-action.osd:checked:focus, modelbutton.flat .osd arrow.destructive-action.osd:checked:focus, .osd expander title > arrow.destructive-action.osd:checked:focus image, expander .osd title > arrow.destructive-action.osd:checked:focus image, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, .osd treeview.view header button.destructive-action.osd:checked:focus image, treeview.view header .osd button.destructive-action.osd:checked:focus image, .osd modelbutton.flat arrow.destructive-action.osd:checked:focus image, modelbutton.flat .osd arrow.destructive-action.osd:checked:focus image, .osd expander title > arrow.destructive-action.osd:checked:focus arrow, expander .osd title > arrow.destructive-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, .osd treeview.view header button.destructive-action.osd:checked:focus arrow, treeview.view header .osd button.destructive-action.osd:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:checked:focus arrow, .osd expander title > arrow.destructive-action.osd:selected:hover, expander .osd title > arrow.destructive-action.osd:selected:hover, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover, .osd treeview.view header button.destructive-action.osd:selected:hover, treeview.view header .osd button.destructive-action.osd:selected:hover, .osd modelbutton.flat arrow.destructive-action.osd:selected:hover, modelbutton.flat .osd arrow.destructive-action.osd:selected:hover, .osd expander title > arrow.destructive-action.osd:selected:hover image, expander .osd title > arrow.destructive-action.osd:selected:hover image, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, .osd treeview.view header button.destructive-action.osd:selected:hover image, treeview.view header .osd button.destructive-action.osd:selected:hover image, .osd modelbutton.flat arrow.destructive-action.osd:selected:hover image, modelbutton.flat .osd arrow.destructive-action.osd:selected:hover image, .osd expander title > arrow.destructive-action.osd:selected:hover arrow, expander .osd title > arrow.destructive-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, .osd treeview.view header button.destructive-action.osd:selected:hover arrow, treeview.view header .osd button.destructive-action.osd:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:selected:hover arrow, .osd expander title > arrow.destructive-action.osd:selected:focus, expander .osd title > arrow.destructive-action.osd:selected:focus, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus, .osd treeview.view header button.destructive-action.osd:selected:focus, treeview.view header .osd button.destructive-action.osd:selected:focus, .osd modelbutton.flat arrow.destructive-action.osd:selected:focus, modelbutton.flat .osd arrow.destructive-action.osd:selected:focus, .osd expander title > arrow.destructive-action.osd:selected:focus image, expander .osd title > arrow.destructive-action.osd:selected:focus image, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, .osd treeview.view header button.destructive-action.osd:selected:focus image, treeview.view header .osd button.destructive-action.osd:selected:focus image, .osd modelbutton.flat arrow.destructive-action.osd:selected:focus image, modelbutton.flat .osd arrow.destructive-action.osd:selected:focus image, .osd expander title > arrow.destructive-action.osd:selected:focus arrow, expander .osd title > arrow.destructive-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, .osd treeview.view header button.destructive-action.osd:selected:focus arrow, treeview.view header .osd button.destructive-action.osd:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:selected:focus arrow, .osd expander title > arrow.destructive-action.osd.has-open-popup:hover, expander .osd title > arrow.destructive-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, .osd treeview.view header button.destructive-action.osd.has-open-popup:hover, treeview.view header .osd button.destructive-action.osd.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:hover, .osd expander title > arrow.destructive-action.osd.has-open-popup:hover image, expander .osd title > arrow.destructive-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, .osd treeview.view header button.destructive-action.osd.has-open-popup:hover image, treeview.view header .osd button.destructive-action.osd.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:hover image, .osd expander title > arrow.destructive-action.osd.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action.osd.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action.osd.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action.osd.has-open-popup:focus, expander .osd title > arrow.destructive-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, .osd treeview.view header button.destructive-action.osd.has-open-popup:focus, treeview.view header .osd button.destructive-action.osd.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:focus, .osd expander title > arrow.destructive-action.osd.has-open-popup:focus image, expander .osd title > arrow.destructive-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, .osd treeview.view header button.destructive-action.osd.has-open-popup:focus image, treeview.view header .osd button.destructive-action.osd.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:focus image, .osd expander title > arrow.destructive-action.osd.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action.osd.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action.osd.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:focus arrow, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:hover image, .osd button.destructive-action:checked:hover arrow, .osd button.destructive-action:checked:focus, .osd button.destructive-action:checked:focus image, .osd button.destructive-action:checked:focus arrow, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:hover image, .osd button.destructive-action:selected:hover arrow, .osd button.destructive-action:selected:focus, .osd button.destructive-action:selected:focus image, .osd button.destructive-action:selected:focus arrow, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:hover image, .osd button.destructive-action.has-open-popup:hover arrow, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.has-open-popup:focus image, .osd button.destructive-action.has-open-popup:focus arrow, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:hover image, .osd button.destructive-action.osd:checked:hover arrow, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:checked:focus image, .osd button.destructive-action.osd:checked:focus arrow, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:hover image, .osd button.destructive-action.osd:selected:hover arrow, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd:selected:focus image, .osd button.destructive-action.osd:selected:focus arrow, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:hover image, .osd button.destructive-action.osd.has-open-popup:hover arrow, .osd button.destructive-action.osd.has-open-popup:focus, .osd button.destructive-action.osd.has-open-popup:focus image, .osd button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action.osd:disabled, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled, .osd button.destructive-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:disabled:hover, expander .osd title > arrow.destructive-action:disabled:hover, .osd notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header .osd tabs > tab.destructive-action:disabled:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover, .osd modelbutton.flat arrow.destructive-action:disabled:hover, modelbutton.flat .osd arrow.destructive-action:disabled:hover, .osd expander title > arrow.destructive-action:disabled:focus, expander .osd title > arrow.destructive-action:disabled:focus, .osd notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header .osd tabs > tab.destructive-action:disabled:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus, .osd modelbutton.flat arrow.destructive-action:disabled:focus, modelbutton.flat .osd arrow.destructive-action:disabled:focus, .osd button.destructive-action:disabled:hover, .osd button.destructive-action:disabled:focus, .osd button.destructive-action.osd:disabled:hover, .osd button.destructive-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.destructive-action:disabled:hover, expander .osd title > arrow.destructive-action:disabled:hover, .osd notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header .osd tabs > tab.destructive-action:disabled:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover, .osd modelbutton.flat arrow.destructive-action:disabled:hover, modelbutton.flat .osd arrow.destructive-action:disabled:hover, .osd expander title > arrow.destructive-action:disabled:hover image, expander .osd title > arrow.destructive-action:disabled:hover image, .osd notebook > header tabs > tab.destructive-action:disabled:hover image, notebook > header .osd tabs > tab.destructive-action:disabled:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover image, .osd modelbutton.flat arrow.destructive-action:disabled:hover image, modelbutton.flat .osd arrow.destructive-action:disabled:hover image, .osd expander title > arrow.destructive-action:disabled:hover arrow, expander .osd title > arrow.destructive-action:disabled:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled:hover arrow, .osd expander title > arrow.destructive-action:disabled:focus, expander .osd title > arrow.destructive-action:disabled:focus, .osd notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header .osd tabs > tab.destructive-action:disabled:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus, .osd modelbutton.flat arrow.destructive-action:disabled:focus, modelbutton.flat .osd arrow.destructive-action:disabled:focus, .osd expander title > arrow.destructive-action:disabled:focus image, expander .osd title > arrow.destructive-action:disabled:focus image, .osd notebook > header tabs > tab.destructive-action:disabled:focus image, notebook > header .osd tabs > tab.destructive-action:disabled:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus image, .osd modelbutton.flat arrow.destructive-action:disabled:focus image, modelbutton.flat .osd arrow.destructive-action:disabled:focus image, .osd expander title > arrow.destructive-action:disabled:focus arrow, expander .osd title > arrow.destructive-action:disabled:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled:focus arrow, .osd button.destructive-action:disabled:hover, .osd button.destructive-action:disabled:hover image, .osd button.destructive-action:disabled:hover arrow, .osd button.destructive-action:disabled:focus, .osd button.destructive-action:disabled:focus image, .osd button.destructive-action:disabled:focus arrow, .osd button.destructive-action.osd:disabled:hover, .osd button.destructive-action.osd:disabled:hover image, .osd button.destructive-action.osd:disabled:hover arrow, .osd button.destructive-action.osd:disabled:focus, .osd button.destructive-action.osd:disabled:focus image, .osd button.destructive-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:active, expander .osd title > arrow.destructive-action:disabled:active, .osd notebook > header tabs > tab.destructive-action:disabled:active, notebook > header .osd tabs > tab.destructive-action:disabled:active, .osd notebook > header > tabs > arrow.destructive-action:disabled:active, .osd modelbutton.flat arrow.destructive-action:disabled:active, modelbutton.flat .osd arrow.destructive-action:disabled:active, .osd expander title > arrow.destructive-action:disabled.keyboard-activating, expander .osd title > arrow.destructive-action:disabled.keyboard-activating, .osd notebook > header tabs > tab.destructive-action:disabled.keyboard-activating, notebook > header .osd tabs > tab.destructive-action:disabled.keyboard-activating, .osd notebook > header > tabs > arrow.destructive-action:disabled.keyboard-activating, .osd modelbutton.flat arrow.destructive-action:disabled.keyboard-activating, modelbutton.flat .osd arrow.destructive-action:disabled.keyboard-activating, .osd button.destructive-action:disabled:active, .osd button.destructive-action:disabled.keyboard-activating, .osd button.destructive-action.osd:disabled:active, .osd button.destructive-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:disabled:checked, expander .osd title > arrow.destructive-action:disabled:checked, .osd notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header .osd tabs > tab.destructive-action:disabled:checked, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked, .osd modelbutton.flat arrow.destructive-action:disabled:checked, modelbutton.flat .osd arrow.destructive-action:disabled:checked, .osd expander title > arrow.destructive-action:disabled:selected, expander .osd title > arrow.destructive-action:disabled:selected, .osd notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header .osd tabs > tab.destructive-action:disabled:selected, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected, .osd modelbutton.flat arrow.destructive-action:disabled:selected, modelbutton.flat .osd arrow.destructive-action:disabled:selected, .osd expander title > arrow.destructive-action:disabled.has-open-popup, expander .osd title > arrow.destructive-action:disabled.has-open-popup, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:checked, expander .osd title > arrow.destructive-action:disabled:checked, .osd notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header .osd tabs > tab.destructive-action:disabled:checked, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked, .osd modelbutton.flat arrow.destructive-action:disabled:checked, modelbutton.flat .osd arrow.destructive-action:disabled:checked, .osd expander title > arrow.destructive-action:disabled:checked image, expander .osd title > arrow.destructive-action:disabled:checked image, .osd notebook > header tabs > tab.destructive-action:disabled:checked image, notebook > header .osd tabs > tab.destructive-action:disabled:checked image, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked image, .osd modelbutton.flat arrow.destructive-action:disabled:checked image, modelbutton.flat .osd arrow.destructive-action:disabled:checked image, .osd expander title > arrow.destructive-action:disabled:checked arrow, expander .osd title > arrow.destructive-action:disabled:checked arrow, .osd notebook > header tabs > tab.destructive-action:disabled:checked arrow, notebook > header .osd tabs > tab.destructive-action:disabled:checked arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked arrow, .osd modelbutton.flat arrow.destructive-action:disabled:checked arrow, modelbutton.flat .osd arrow.destructive-action:disabled:checked arrow, .osd expander title > arrow.destructive-action:disabled:selected, expander .osd title > arrow.destructive-action:disabled:selected, .osd notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header .osd tabs > tab.destructive-action:disabled:selected, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected, .osd modelbutton.flat arrow.destructive-action:disabled:selected, modelbutton.flat .osd arrow.destructive-action:disabled:selected, .osd expander title > arrow.destructive-action:disabled:selected image, expander .osd title > arrow.destructive-action:disabled:selected image, .osd notebook > header tabs > tab.destructive-action:disabled:selected image, notebook > header .osd tabs > tab.destructive-action:disabled:selected image, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected image, .osd modelbutton.flat arrow.destructive-action:disabled:selected image, modelbutton.flat .osd arrow.destructive-action:disabled:selected image, .osd expander title > arrow.destructive-action:disabled:selected arrow, expander .osd title > arrow.destructive-action:disabled:selected arrow, .osd notebook > header tabs > tab.destructive-action:disabled:selected arrow, notebook > header .osd tabs > tab.destructive-action:disabled:selected arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected arrow, .osd modelbutton.flat arrow.destructive-action:disabled:selected arrow, modelbutton.flat .osd arrow.destructive-action:disabled:selected arrow, .osd expander title > arrow.destructive-action:disabled.has-open-popup, expander .osd title > arrow.destructive-action:disabled.has-open-popup, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup, .osd expander title > arrow.destructive-action:disabled.has-open-popup image, expander .osd title > arrow.destructive-action:disabled.has-open-popup image, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup image, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup image, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup image, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup image, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup image, .osd expander title > arrow.destructive-action:disabled.has-open-popup arrow, expander .osd title > arrow.destructive-action:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup arrow, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup arrow, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup arrow, .osd expander title > arrow.destructive-action.osd:disabled:checked, expander .osd title > arrow.destructive-action.osd:disabled:checked, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked, .osd expander title > arrow.destructive-action.osd:disabled:checked image, expander .osd title > arrow.destructive-action.osd:disabled:checked image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked image, .osd expander title > arrow.destructive-action.osd:disabled:checked arrow, expander .osd title > arrow.destructive-action.osd:disabled:checked arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked arrow, .osd expander title > arrow.destructive-action.osd:disabled:selected, expander .osd title > arrow.destructive-action.osd:disabled:selected, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected, .osd expander title > arrow.destructive-action.osd:disabled:selected image, expander .osd title > arrow.destructive-action.osd:disabled:selected image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected image, .osd expander title > arrow.destructive-action.osd:disabled:selected arrow, expander .osd title > arrow.destructive-action.osd:disabled:selected arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected arrow, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup image, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup image, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup arrow, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup arrow, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:checked image, .osd button.destructive-action:disabled:checked arrow, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled:selected image, .osd button.destructive-action:disabled:selected arrow, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action:disabled.has-open-popup image, .osd button.destructive-action:disabled.has-open-popup arrow, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:checked image, .osd button.destructive-action.osd:disabled:checked arrow, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled:selected image, .osd button.destructive-action.osd:disabled:selected arrow, .osd button.destructive-action.osd:disabled.has-open-popup, .osd button.destructive-action.osd:disabled.has-open-popup image, .osd button.destructive-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:checked:hover, expander .osd title > arrow.destructive-action:disabled:checked:hover, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover, .osd expander title > arrow.destructive-action:disabled:checked:focus, expander .osd title > arrow.destructive-action:disabled:checked:focus, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus, .osd expander title > arrow.destructive-action:disabled:selected:hover, expander .osd title > arrow.destructive-action:disabled:selected:hover, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover, .osd expander title > arrow.destructive-action:disabled:selected:focus, expander .osd title > arrow.destructive-action:disabled:selected:focus, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus, .osd button.destructive-action:disabled:checked:hover, .osd button.destructive-action:disabled:checked:focus, .osd button.destructive-action:disabled:selected:hover, .osd button.destructive-action:disabled:selected:focus, .osd button.destructive-action:disabled.has-open-popup:hover, .osd button.destructive-action:disabled.has-open-popup:focus, .osd button.destructive-action.osd:disabled:checked:hover, .osd button.destructive-action.osd:disabled:checked:focus, .osd button.destructive-action.osd:disabled:selected:hover, .osd button.destructive-action.osd:disabled:selected:focus, .osd button.destructive-action.osd:disabled.has-open-popup:hover, .osd button.destructive-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.destructive-action:disabled:checked:hover, expander .osd title > arrow.destructive-action:disabled:checked:hover, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, .osd treeview.view header button.destructive-action:disabled:checked:hover, treeview.view header .osd button.destructive-action:disabled:checked:hover, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover, .osd expander title > arrow.destructive-action:disabled:checked:hover image, expander .osd title > arrow.destructive-action:disabled:checked:hover image, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover image, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover image, .osd treeview.view header button.destructive-action:disabled:checked:hover image, treeview.view header .osd button.destructive-action:disabled:checked:hover image, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover image, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover image, .osd expander title > arrow.destructive-action:disabled:checked:hover arrow, expander .osd title > arrow.destructive-action:disabled:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover arrow, .osd treeview.view header button.destructive-action:disabled:checked:hover arrow, treeview.view header .osd button.destructive-action:disabled:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover arrow, .osd expander title > arrow.destructive-action:disabled:checked:focus, expander .osd title > arrow.destructive-action:disabled:checked:focus, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, .osd treeview.view header button.destructive-action:disabled:checked:focus, treeview.view header .osd button.destructive-action:disabled:checked:focus, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus, .osd expander title > arrow.destructive-action:disabled:checked:focus image, expander .osd title > arrow.destructive-action:disabled:checked:focus image, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus image, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus image, .osd treeview.view header button.destructive-action:disabled:checked:focus image, treeview.view header .osd button.destructive-action:disabled:checked:focus image, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus image, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus image, .osd expander title > arrow.destructive-action:disabled:checked:focus arrow, expander .osd title > arrow.destructive-action:disabled:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus arrow, .osd treeview.view header button.destructive-action:disabled:checked:focus arrow, treeview.view header .osd button.destructive-action:disabled:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus arrow, .osd expander title > arrow.destructive-action:disabled:selected:hover, expander .osd title > arrow.destructive-action:disabled:selected:hover, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, .osd treeview.view header button.destructive-action:disabled:selected:hover, treeview.view header .osd button.destructive-action:disabled:selected:hover, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover, .osd expander title > arrow.destructive-action:disabled:selected:hover image, expander .osd title > arrow.destructive-action:disabled:selected:hover image, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover image, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover image, .osd treeview.view header button.destructive-action:disabled:selected:hover image, treeview.view header .osd button.destructive-action:disabled:selected:hover image, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover image, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover image, .osd expander title > arrow.destructive-action:disabled:selected:hover arrow, expander .osd title > arrow.destructive-action:disabled:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover arrow, .osd treeview.view header button.destructive-action:disabled:selected:hover arrow, treeview.view header .osd button.destructive-action:disabled:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover arrow, .osd expander title > arrow.destructive-action:disabled:selected:focus, expander .osd title > arrow.destructive-action:disabled:selected:focus, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, .osd treeview.view header button.destructive-action:disabled:selected:focus, treeview.view header .osd button.destructive-action:disabled:selected:focus, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus, .osd expander title > arrow.destructive-action:disabled:selected:focus image, expander .osd title > arrow.destructive-action:disabled:selected:focus image, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus image, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus image, .osd treeview.view header button.destructive-action:disabled:selected:focus image, treeview.view header .osd button.destructive-action:disabled:selected:focus image, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus image, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus image, .osd expander title > arrow.destructive-action:disabled:selected:focus arrow, expander .osd title > arrow.destructive-action:disabled:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus arrow, .osd treeview.view header button.destructive-action:disabled:selected:focus arrow, treeview.view header .osd button.destructive-action:disabled:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus arrow, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, .osd treeview.view header button.destructive-action:disabled.has-open-popup:hover, treeview.view header .osd button.destructive-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover image, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover image, .osd treeview.view header button.destructive-action:disabled.has-open-popup:hover image, treeview.view header .osd button.destructive-action:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover image, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action:disabled.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, .osd treeview.view header button.destructive-action:disabled.has-open-popup:focus, treeview.view header .osd button.destructive-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus image, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus image, .osd treeview.view header button.destructive-action:disabled.has-open-popup:focus image, treeview.view header .osd button.destructive-action:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus image, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action:disabled.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus arrow, .osd expander title > arrow.destructive-action.osd:disabled:checked:hover, expander .osd title > arrow.destructive-action.osd:disabled:checked:hover, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover, .osd treeview.view header button.destructive-action.osd:disabled:checked:hover, treeview.view header .osd button.destructive-action.osd:disabled:checked:hover, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:hover, .osd expander title > arrow.destructive-action.osd:disabled:checked:hover image, expander .osd title > arrow.destructive-action.osd:disabled:checked:hover image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover image, .osd treeview.view header button.destructive-action.osd:disabled:checked:hover image, treeview.view header .osd button.destructive-action.osd:disabled:checked:hover image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:hover image, .osd expander title > arrow.destructive-action.osd:disabled:checked:hover arrow, expander .osd title > arrow.destructive-action.osd:disabled:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover arrow, .osd treeview.view header button.destructive-action.osd:disabled:checked:hover arrow, treeview.view header .osd button.destructive-action.osd:disabled:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:hover arrow, .osd expander title > arrow.destructive-action.osd:disabled:checked:focus, expander .osd title > arrow.destructive-action.osd:disabled:checked:focus, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus, .osd treeview.view header button.destructive-action.osd:disabled:checked:focus, treeview.view header .osd button.destructive-action.osd:disabled:checked:focus, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:focus, .osd expander title > arrow.destructive-action.osd:disabled:checked:focus image, expander .osd title > arrow.destructive-action.osd:disabled:checked:focus image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus image, .osd treeview.view header button.destructive-action.osd:disabled:checked:focus image, treeview.view header .osd button.destructive-action.osd:disabled:checked:focus image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:focus image, .osd expander title > arrow.destructive-action.osd:disabled:checked:focus arrow, expander .osd title > arrow.destructive-action.osd:disabled:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus arrow, .osd treeview.view header button.destructive-action.osd:disabled:checked:focus arrow, treeview.view header .osd button.destructive-action.osd:disabled:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:focus arrow, .osd expander title > arrow.destructive-action.osd:disabled:selected:hover, expander .osd title > arrow.destructive-action.osd:disabled:selected:hover, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover, .osd treeview.view header button.destructive-action.osd:disabled:selected:hover, treeview.view header .osd button.destructive-action.osd:disabled:selected:hover, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:hover, .osd expander title > arrow.destructive-action.osd:disabled:selected:hover image, expander .osd title > arrow.destructive-action.osd:disabled:selected:hover image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover image, .osd treeview.view header button.destructive-action.osd:disabled:selected:hover image, treeview.view header .osd button.destructive-action.osd:disabled:selected:hover image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:hover image, .osd expander title > arrow.destructive-action.osd:disabled:selected:hover arrow, expander .osd title > arrow.destructive-action.osd:disabled:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover arrow, .osd treeview.view header button.destructive-action.osd:disabled:selected:hover arrow, treeview.view header .osd button.destructive-action.osd:disabled:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:hover arrow, .osd expander title > arrow.destructive-action.osd:disabled:selected:focus, expander .osd title > arrow.destructive-action.osd:disabled:selected:focus, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus, .osd treeview.view header button.destructive-action.osd:disabled:selected:focus, treeview.view header .osd button.destructive-action.osd:disabled:selected:focus, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:focus, .osd expander title > arrow.destructive-action.osd:disabled:selected:focus image, expander .osd title > arrow.destructive-action.osd:disabled:selected:focus image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus image, .osd treeview.view header button.destructive-action.osd:disabled:selected:focus image, treeview.view header .osd button.destructive-action.osd:disabled:selected:focus image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:focus image, .osd expander title > arrow.destructive-action.osd:disabled:selected:focus arrow, expander .osd title > arrow.destructive-action.osd:disabled:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus arrow, .osd treeview.view header button.destructive-action.osd:disabled:selected:focus arrow, treeview.view header .osd button.destructive-action.osd:disabled:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:focus arrow, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:hover, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover image, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover image, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover image, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:hover image, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:focus, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus image, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus image, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus image, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:focus image, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd button.destructive-action:disabled:checked:hover, .osd button.destructive-action:disabled:checked:hover image, .osd button.destructive-action:disabled:checked:hover arrow, .osd button.destructive-action:disabled:checked:focus, .osd button.destructive-action:disabled:checked:focus image, .osd button.destructive-action:disabled:checked:focus arrow, .osd button.destructive-action:disabled:selected:hover, .osd button.destructive-action:disabled:selected:hover image, .osd button.destructive-action:disabled:selected:hover arrow, .osd button.destructive-action:disabled:selected:focus, .osd button.destructive-action:disabled:selected:focus image, .osd button.destructive-action:disabled:selected:focus arrow, .osd button.destructive-action:disabled.has-open-popup:hover, .osd button.destructive-action:disabled.has-open-popup:hover image, .osd button.destructive-action:disabled.has-open-popup:hover arrow, .osd button.destructive-action:disabled.has-open-popup:focus, .osd button.destructive-action:disabled.has-open-popup:focus image, .osd button.destructive-action:disabled.has-open-popup:focus arrow, .osd button.destructive-action.osd:disabled:checked:hover, .osd button.destructive-action.osd:disabled:checked:hover image, .osd button.destructive-action.osd:disabled:checked:hover arrow, .osd button.destructive-action.osd:disabled:checked:focus, .osd button.destructive-action.osd:disabled:checked:focus image, .osd button.destructive-action.osd:disabled:checked:focus arrow, .osd button.destructive-action.osd:disabled:selected:hover, .osd button.destructive-action.osd:disabled:selected:hover image, .osd button.destructive-action.osd:disabled:selected:hover arrow, .osd button.destructive-action.osd:disabled:selected:focus, .osd button.destructive-action.osd:disabled:selected:focus image, .osd button.destructive-action.osd:disabled:selected:focus arrow, .osd button.destructive-action.osd:disabled.has-open-popup:hover, .osd button.destructive-action.osd:disabled.has-open-popup:hover image, .osd button.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd button.destructive-action.osd:disabled.has-open-popup:focus, .osd button.destructive-action.osd:disabled.has-open-popup:focus image, .osd button.destructive-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:disabled, expander .osd title > arrow.destructive-action:disabled:disabled, .osd notebook > header tabs > tab.destructive-action:disabled:disabled, notebook > header .osd tabs > tab.destructive-action:disabled:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled:disabled, .osd modelbutton.flat arrow.destructive-action:disabled:disabled, modelbutton.flat .osd arrow.destructive-action:disabled:disabled, .osd button.destructive-action:disabled:disabled, .osd button.destructive-action:disabled:disabled:checked, .osd button.destructive-action:disabled:disabled:selected, .osd button.destructive-action:disabled:disabled.has-open-popup, .osd button.destructive-action.osd:disabled:disabled, .osd button.destructive-action.osd:disabled:disabled:checked, .osd button.destructive-action.osd:disabled:disabled:selected, .osd button.destructive-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title.stack-switcher > arrow, notebook > header tabs.stack-switcher > tab, notebook > header > tabs.stack-switcher > arrow, treeview.view header .stack-switcher > button, modelbutton.flat .stack-switcher > arrow, .stack-switcher > button { outline-offset: -3px; } + +expander title.stack-switcher > arrow > label, notebook > header tabs.stack-switcher > tab > label, notebook > header > tabs.stack-switcher > arrow > label, treeview.view header .stack-switcher > button > label, modelbutton.flat .stack-switcher > arrow > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } + +expander title.stack-switcher > arrow > image, notebook > header tabs.stack-switcher > tab > image, notebook > header > tabs.stack-switcher > arrow > image, treeview.view header .stack-switcher > button > image, modelbutton.flat .stack-switcher > arrow > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + +expander title.stack-switcher > arrow.text-button, notebook > header tabs.stack-switcher > tab.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, treeview.view header .stack-switcher > button.text-button, modelbutton.flat .stack-switcher > arrow.text-button, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +expander title.stack-switcher > arrow.image-button, notebook > header tabs.stack-switcher > tab.image-button, notebook > header > tabs.stack-switcher > arrow.image-button, treeview.view header .stack-switcher > button.image-button, modelbutton.flat .stack-switcher > arrow.image-button, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +expander title.stack-switcher > arrow.needs-attention:active > label, notebook > header tabs.stack-switcher > tab.needs-attention:active > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, modelbutton.flat .stack-switcher > arrow.needs-attention:active > label, expander title.stack-switcher > arrow.needs-attention:active > image, notebook > header tabs.stack-switcher > tab.needs-attention:active > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > image, modelbutton.flat .stack-switcher > arrow.needs-attention:active > image, expander title.stack-switcher > arrow.needs-attention:checked > label, notebook > header tabs.stack-switcher > tab.needs-attention:checked > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > label, modelbutton.flat .stack-switcher > arrow.needs-attention:checked > label, expander title.stack-switcher > arrow.needs-attention:checked > image, notebook > header tabs.stack-switcher > tab.needs-attention:checked > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > image, modelbutton.flat .stack-switcher > arrow.needs-attention:checked > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } + +treeview.view header stackswitcher > button, modelbutton.flat stackswitcher > arrow, treeview.view header stackswitcher > button:first-child, modelbutton.flat stackswitcher > arrow:first-child, treeview.view header stackswitcher > button:last-child, modelbutton.flat stackswitcher > arrow:last-child, treeview.view header stackswitcher > button:not(:first-child), modelbutton.flat stackswitcher > arrow:not(:first-child), treeview.view header stackswitcher > button:not(:last-child), modelbutton.flat stackswitcher > arrow:not(:last-child), treeview.view header stackswitcher > button:dir(ltr):not(:first-child), modelbutton.flat stackswitcher > arrow:dir(ltr):not(:first-child), treeview.view header stackswitcher > button:dir(ltr):not(:last-child), modelbutton.flat stackswitcher > arrow:dir(ltr):not(:last-child), treeview.view header stackswitcher > button:dir(rtl):not(:first-child), modelbutton.flat stackswitcher > arrow:dir(rtl):not(:first-child), treeview.view header stackswitcher > button:dir(rtl):not(:last-child), modelbutton.flat stackswitcher > arrow:dir(rtl):not(:last-child), treeview.view header stackswitcher > button.radio, modelbutton.flat stackswitcher > arrow.radio, treeview.view header stackswitcher.linked > button, modelbutton.flat stackswitcher.linked > arrow, treeview.view header stackswitcher.linked > button:first-child, modelbutton.flat stackswitcher.linked > arrow:first-child, treeview.view header stackswitcher.linked > button:last-child, modelbutton.flat stackswitcher.linked > arrow:last-child, treeview.view header stackswitcher.linked > button:not(:first-child), modelbutton.flat stackswitcher.linked > arrow:not(:first-child), treeview.view header stackswitcher.linked > button:not(:last-child), modelbutton.flat stackswitcher.linked > arrow:not(:last-child), treeview.view header stackswitcher.linked > button:dir(ltr):not(:first-child), modelbutton.flat stackswitcher.linked > arrow:dir(ltr):not(:first-child), treeview.view header stackswitcher.linked > button:dir(ltr):not(:last-child), modelbutton.flat stackswitcher.linked > arrow:dir(ltr):not(:last-child), treeview.view header stackswitcher.linked > button:dir(rtl):not(:first-child), modelbutton.flat stackswitcher.linked > arrow:dir(rtl):not(:first-child), treeview.view header stackswitcher.linked > button:dir(rtl):not(:last-child), modelbutton.flat stackswitcher.linked > arrow:dir(rtl):not(:last-child), treeview.view header stackswitcher.linked > button.radio, modelbutton.flat stackswitcher.linked > arrow.radio, treeview.view header stackswitcher.linked:not(.vertical) > button, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow, treeview.view header stackswitcher.linked:not(.vertical) > button:first-child, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:first-child, treeview.view header stackswitcher.linked:not(.vertical) > button:last-child, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:last-child, treeview.view header stackswitcher.linked:not(.vertical) > button:not(:first-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:not(:first-child), treeview.view header stackswitcher.linked:not(.vertical) > button:not(:last-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:not(:last-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), treeview.view header stackswitcher.linked:not(.vertical) > button.radio, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow.radio, expander title.stack-switcher > arrow, notebook > header tabs.stack-switcher > tab, notebook > header > tabs.stack-switcher > arrow, treeview.view header .stack-switcher > button, modelbutton.flat .stack-switcher > arrow, expander title.stack-switcher > arrow:first-child, notebook > header tabs.stack-switcher > tab:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, treeview.view header .stack-switcher > button:first-child, modelbutton.flat .stack-switcher > arrow:first-child, expander title.stack-switcher > arrow:last-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, treeview.view header .stack-switcher > button:last-child, modelbutton.flat .stack-switcher > arrow:last-child, expander title.stack-switcher > arrow:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), treeview.view header .stack-switcher > button:not(:first-child), modelbutton.flat .stack-switcher > arrow:not(:first-child), expander title.stack-switcher > arrow:not(:last-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), treeview.view header .stack-switcher > button:not(:last-child), modelbutton.flat .stack-switcher > arrow:not(:last-child), expander title.stack-switcher > arrow:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), treeview.view header .stack-switcher > button:dir(ltr):not(:first-child), modelbutton.flat .stack-switcher > arrow:dir(ltr):not(:first-child), expander title.stack-switcher > arrow:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), treeview.view header .stack-switcher > button:dir(ltr):not(:last-child), modelbutton.flat .stack-switcher > arrow:dir(ltr):not(:last-child), expander title.stack-switcher > arrow:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), treeview.view header .stack-switcher > button:dir(rtl):not(:first-child), modelbutton.flat .stack-switcher > arrow:dir(rtl):not(:first-child), expander title.stack-switcher > arrow:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), treeview.view header .stack-switcher > button:dir(rtl):not(:last-child), modelbutton.flat .stack-switcher > arrow:dir(rtl):not(:last-child), expander title.stack-switcher > arrow.radio, notebook > header tabs.stack-switcher > tab.radio, notebook > header > tabs.stack-switcher > arrow.radio, treeview.view header .stack-switcher > button.radio, modelbutton.flat .stack-switcher > arrow.radio, stackswitcher > button, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { margin: 5px; border-radius: 9999px; border-width: 1px; border-style: solid; } + +treeview.view header stackswitcher > button.text-button, modelbutton.flat stackswitcher > arrow.text-button, expander title.stack-switcher > arrow.text-button, notebook > header tabs.stack-switcher > tab.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, treeview.view header .stack-switcher > button.text-button, modelbutton.flat .stack-switcher > arrow.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } + +treeview.view header stackswitcher > button.circular, modelbutton.flat stackswitcher > arrow.circular, expander title.stack-switcher > arrow.circular, notebook > header tabs.stack-switcher > tab.circular, notebook > header > tabs.stack-switcher > arrow.circular, treeview.view header .stack-switcher > button.circular, modelbutton.flat .stack-switcher > arrow.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +expander title > arrow.font > box > box > label, notebook > header tabs > tab.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, modelbutton.flat arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +.primary-toolbar expander title > arrow, expander .primary-toolbar title > arrow, .primary-toolbar notebook > header tabs > tab, notebook > header .primary-toolbar tabs > tab, .primary-toolbar notebook > header > tabs > arrow, .primary-toolbar treeview.view header button, treeview.view header .primary-toolbar button, .primary-toolbar modelbutton.flat arrow, modelbutton.flat .primary-toolbar arrow, .primary-toolbar button { -gtk-icon-shadow: none; } + +expander title > arrow.circular, notebook > header tabs > tab.circular, notebook > header > tabs > arrow.circular, treeview.view header button.circular, modelbutton.flat arrow.circular, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ } + +expander title > arrow.circular label, notebook > header tabs > tab.circular label, notebook > header > tabs > arrow.circular label, treeview.view header button.circular label, modelbutton.flat arrow.circular label, button.circular label { padding: 0; } + +expander title > arrow.radio, notebook > header tabs > tab.radio, notebook > header > tabs > arrow.radio, treeview.view header button.radio, modelbutton.flat arrow.radio, button.radio { border-radius: 9999px; } + +stacksidebar row.needs-attention > label, expander title.stack-switcher > arrow.needs-attention > label, notebook > header tabs.stack-switcher > tab.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > label, treeview.view header .stack-switcher > button.needs-attention > label, modelbutton.flat .stack-switcher > arrow.needs-attention > label, expander title.stack-switcher > arrow.needs-attention > image, notebook > header tabs.stack-switcher > tab.needs-attention > image, notebook > header > tabs.stack-switcher > arrow.needs-attention > image, treeview.view header .stack-switcher > button.needs-attention > image, modelbutton.flat .stack-switcher > arrow.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.803922)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, expander title.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header tabs.stack-switcher > tab.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, modelbutton.flat .stack-switcher > arrow.needs-attention > label:backdrop, expander title.stack-switcher > arrow.needs-attention > image:backdrop, notebook > header tabs.stack-switcher > tab.needs-attention > image:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > image:backdrop, modelbutton.flat .stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header tabs.stack-switcher > tab.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), modelbutton.flat .stack-switcher > arrow.needs-attention > label:dir(rtl), expander title.stack-switcher > arrow.needs-attention > image:dir(rtl), notebook > header tabs.stack-switcher > tab.needs-attention > image:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), modelbutton.flat .stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar expander title > arrow, expander .inline-toolbar title > arrow, .inline-toolbar notebook > header tabs > tab, notebook > header .inline-toolbar tabs > tab, .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar treeview.view header button, treeview.view header .inline-toolbar button, .inline-toolbar modelbutton.flat arrow, modelbutton.flat .inline-toolbar arrow, .inline-toolbar button, expander title.linked > arrow, notebook > header tabs.linked > tab, notebook > header > tabs.linked > arrow, treeview.view header .linked > button, modelbutton.flat .linked > arrow, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-radius: 0; -gtk-outline-radius: 0; margin-right: 0; margin-left: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar expander title > arrow:first-child, expander .inline-toolbar title > arrow:first-child, .inline-toolbar notebook > header tabs > tab:first-child, notebook > header .inline-toolbar tabs > tab:first-child, .inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar modelbutton.flat arrow:first-child, modelbutton.flat .inline-toolbar arrow:first-child, .inline-toolbar button:first-child, expander title.linked > arrow:first-child, notebook > header tabs.linked > tab:first-child, notebook > header > tabs.linked > arrow:first-child, treeview.view header .linked > button:first-child, modelbutton.flat .linked > arrow:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 3px; border-bottom-left-radius: 3px; -gtk-outline-top-left-radius: 3px; -gtk-outline-bottom-left-radius: 3px; margin-right: 0; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar expander title > arrow:last-child, expander .inline-toolbar title > arrow:last-child, .inline-toolbar notebook > header tabs > tab:last-child, notebook > header .inline-toolbar tabs > tab:last-child, .inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar modelbutton.flat arrow:last-child, modelbutton.flat .inline-toolbar arrow:last-child, .inline-toolbar button:last-child, expander title.linked > arrow:last-child, notebook > header tabs.linked > tab:last-child, notebook > header > tabs.linked > arrow:last-child, treeview.view header .linked > button:last-child, modelbutton.flat .linked > arrow:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-top-right-radius: 3px; border-bottom-right-radius: 3px; -gtk-outline-top-right-radius: 3px; -gtk-outline-bottom-right-radius: 3px; margin-left: 0; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar expander title > arrow:only-child, expander .inline-toolbar title > arrow:only-child, .inline-toolbar notebook > header tabs > tab:only-child, notebook > header .inline-toolbar tabs > tab:only-child, .inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar modelbutton.flat arrow:only-child, modelbutton.flat .inline-toolbar arrow:only-child, .inline-toolbar button:only-child, expander title.linked > arrow:only-child, notebook > header tabs.linked > tab:only-child, notebook > header > tabs.linked > arrow:only-child, treeview.view header .linked > button:only-child, modelbutton.flat .linked > arrow:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-radius: 3px; -gtk-outline-radius: 3px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, expander title.linked.vertical > arrow, notebook > header tabs.linked.vertical > tab, notebook > header > tabs.linked.vertical > arrow, treeview.view header .linked.vertical > button, modelbutton.flat .linked.vertical > arrow, .linked.vertical > button { border-radius: 0; -gtk-outline-radius: 0; margin-top: 0; margin-bottom: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, expander title.linked.vertical > arrow:first-child, notebook > header tabs.linked.vertical > tab:first-child, notebook > header > tabs.linked.vertical > arrow:first-child, treeview.view header .linked.vertical > button:first-child, modelbutton.flat .linked.vertical > arrow:first-child, .linked.vertical > button:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; -gtk-outline-top-left-radius: 3px; -gtk-outline-top-right-radius: 3px; margin-bottom: 0; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, expander title.linked.vertical > arrow:last-child, notebook > header tabs.linked.vertical > tab:last-child, notebook > header > tabs.linked.vertical > arrow:last-child, treeview.view header .linked.vertical > button:last-child, modelbutton.flat .linked.vertical > arrow:last-child, .linked.vertical > button:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -gtk-outline-bottom-left-radius: 3px; -gtk-outline-bottom-right-radius: 3px; margin-top: 0; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, expander title.linked.vertical > arrow:only-child, notebook > header tabs.linked.vertical > tab:only-child, notebook > header > tabs.linked.vertical > arrow:only-child, treeview.view header .linked.vertical > button:only-child, modelbutton.flat .linked.vertical > arrow:only-child, .linked.vertical > button:only-child { border-radius: 3px; -gtk-outline-radius: 3px; } + +/* menu buttons */ +modelbutton, .menuitem.button { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; border: 1px solid; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +modelbutton:hover, modelbutton:focus, .menuitem.button:hover, .menuitem.button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +modelbutton:hover, modelbutton:hover image, modelbutton:hover arrow, modelbutton:focus, modelbutton:focus image, modelbutton:focus arrow, .menuitem.button:hover, .menuitem.button:hover image, .menuitem.button:hover arrow, .menuitem.button:focus, .menuitem.button:focus image, .menuitem.button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +modelbutton:active, modelbutton.keyboard-activating, .menuitem.button:active, .menuitem.button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +modelbutton:checked, modelbutton:selected, modelbutton.has-open-popup, .menuitem.button:checked, .menuitem.button:selected, .menuitem.button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +modelbutton:checked, modelbutton:checked image, modelbutton:checked arrow, modelbutton:selected, modelbutton:selected image, modelbutton:selected arrow, modelbutton.has-open-popup, modelbutton.has-open-popup image, modelbutton.has-open-popup arrow, .menuitem.button:checked, .menuitem.button:checked image, .menuitem.button:checked arrow, .menuitem.button:selected, .menuitem.button:selected image, .menuitem.button:selected arrow, .menuitem.button.has-open-popup, .menuitem.button.has-open-popup image, .menuitem.button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +modelbutton:checked:hover, modelbutton:checked:focus, modelbutton:selected:hover, modelbutton:selected:focus, modelbutton.has-open-popup:hover, modelbutton.has-open-popup:focus, .menuitem.button:checked:hover, .menuitem.button:checked:focus, .menuitem.button:selected:hover, .menuitem.button:selected:focus, .menuitem.button.has-open-popup:hover, .menuitem.button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +modelbutton:checked:hover, modelbutton:checked:hover image, modelbutton:checked:hover arrow, modelbutton:checked:focus, modelbutton:checked:focus image, modelbutton:checked:focus arrow, modelbutton:selected:hover, modelbutton:selected:hover image, modelbutton:selected:hover arrow, modelbutton:selected:focus, modelbutton:selected:focus image, modelbutton:selected:focus arrow, modelbutton.has-open-popup:hover, modelbutton.has-open-popup:hover image, modelbutton.has-open-popup:hover arrow, modelbutton.has-open-popup:focus, modelbutton.has-open-popup:focus image, modelbutton.has-open-popup:focus arrow, .menuitem.button:checked:hover, .menuitem.button:checked:hover image, .menuitem.button:checked:hover arrow, .menuitem.button:checked:focus, .menuitem.button:checked:focus image, .menuitem.button:checked:focus arrow, .menuitem.button:selected:hover, .menuitem.button:selected:hover image, .menuitem.button:selected:hover arrow, .menuitem.button:selected:focus, .menuitem.button:selected:focus image, .menuitem.button:selected:focus arrow, .menuitem.button.has-open-popup:hover, .menuitem.button.has-open-popup:hover image, .menuitem.button.has-open-popup:hover arrow, .menuitem.button.has-open-popup:focus, .menuitem.button.has-open-popup:focus image, .menuitem.button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +modelbutton:disabled, modelbutton:disabled:checked, modelbutton:disabled:selected, modelbutton:disabled.has-open-popup, .menuitem.button:disabled, .menuitem.button:disabled:checked, .menuitem.button:disabled:selected, .menuitem.button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #dc8add; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #71615c; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c6dcf7; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #3a551e; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #99c1f1; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #405f35; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(197, 197, 197, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(153, 193, 241, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #405f35; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { padding: 0; } + +spinbutton.vertical:disabled { color: #7c675a; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #3f3e3e; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(32, 61, 121, 0.7); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #595757; background-color: #474646; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #545252; background-color: #464545; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; color: #EDF0F5; background: #3f3e3e linear-gradient(to top, black, #3a3939 7%, #424141 93%, #8c8a8a 100%); /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #545252; background: #3f3e3e linear-gradient(to top, black, #3a3939 7%, #424141 93%, #8c8a8a 100%); color: #EDF0F5; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) button, headerbar button { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:focus, headerbar button:hover, headerbar button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:hover image, .titlebar:not(headerbar) button:hover arrow, .titlebar:not(headerbar) button:focus, .titlebar:not(headerbar) button:focus image, .titlebar:not(headerbar) button:focus arrow, headerbar button:hover, headerbar button:hover image, headerbar button:hover arrow, headerbar button:focus, headerbar button:focus image, headerbar button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button.keyboard-activating, headerbar button:active, headerbar button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button.has-open-popup, headerbar button:checked, headerbar button:selected, headerbar button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:checked image, .titlebar:not(headerbar) button:checked arrow, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button:selected image, .titlebar:not(headerbar) button:selected arrow, .titlebar:not(headerbar) button.has-open-popup, .titlebar:not(headerbar) button.has-open-popup image, .titlebar:not(headerbar) button.has-open-popup arrow, headerbar button:checked, headerbar button:checked image, headerbar button:checked arrow, headerbar button:selected, headerbar button:selected image, headerbar button:selected arrow, headerbar button.has-open-popup, headerbar button.has-open-popup image, headerbar button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:focus, headerbar button:checked:hover, headerbar button:checked:focus, headerbar button:selected:hover, headerbar button:selected:focus, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:hover image, .titlebar:not(headerbar) button:checked:hover arrow, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:checked:focus image, .titlebar:not(headerbar) button:checked:focus arrow, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:hover image, .titlebar:not(headerbar) button:selected:hover arrow, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button:selected:focus image, .titlebar:not(headerbar) button:selected:focus arrow, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:hover image, .titlebar:not(headerbar) button.has-open-popup:hover arrow, .titlebar:not(headerbar) button.has-open-popup:focus, .titlebar:not(headerbar) button.has-open-popup:focus image, .titlebar:not(headerbar) button.has-open-popup:focus arrow, headerbar button:checked:hover, headerbar button:checked:hover image, headerbar button:checked:hover arrow, headerbar button:checked:focus, headerbar button:checked:focus image, headerbar button:checked:focus arrow, headerbar button:selected:hover, headerbar button:selected:hover image, headerbar button:selected:hover arrow, headerbar button:selected:focus, headerbar button:selected:focus image, headerbar button:selected:focus arrow, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:hover image, headerbar button.has-open-popup:hover arrow, headerbar button.has-open-popup:focus, headerbar button.has-open-popup:focus image, headerbar button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:disabled, headerbar button:disabled { color: #7c675a; background-color: #493e37; } + +.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, .titlebar:not(headerbar) button:backdrop:not(:checked):focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):focus arrow, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover image, headerbar button:backdrop:not(:checked):hover arrow, headerbar button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):focus image, headerbar button:backdrop:not(:checked):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):active, .titlebar:not(headerbar) button:backdrop:not(:checked).keyboard-activating, headerbar button:backdrop:not(:checked):active, headerbar button:backdrop:not(:checked).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):checked image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked):selected image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup arrow, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):checked image, headerbar button:backdrop:not(:checked):checked arrow, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked):selected image, headerbar button:backdrop:not(:checked):selected arrow, headerbar button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked).has-open-popup image, headerbar button:backdrop:not(:checked).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus arrow, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:hover image, headerbar button:backdrop:not(:checked):checked:hover arrow, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):checked:focus image, headerbar button:backdrop:not(:checked):checked:focus arrow, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:hover image, headerbar button:backdrop:not(:checked):selected:hover arrow, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked):selected:focus image, headerbar button:backdrop:not(:checked):selected:focus arrow, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:hover image, headerbar button:backdrop:not(:checked).has-open-popup:hover arrow, headerbar button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked).has-open-popup:focus image, headerbar button:backdrop:not(:checked).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):disabled, headerbar button:backdrop:not(:checked):disabled { color: #7c675a; background-color: #493e37; } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #2a4606; border-color: #86e4b0; background: #33d17a linear-gradient(to top, #145732, #2ecc75 7%, #37d27d 93%, #b0edcb 100%); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #33d17a; background-image: none; box-shadow: inset 0 1px rgba(61, 211, 128, 0.442); } + +.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: #2a4606; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(51, 209, 122, 0); background-color: rgba(51, 209, 122, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(42, 70, 6, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } + +headerbar switch { margin-top: 7px; margin-bottom: 7px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 6px; border-top-right-radius: 6px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #595757; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(117, 255, 37, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #909194; border-top-color: #3f3e3e; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:disabled { color: #7c675a; } + +treeview.view:disabled:selected { color: #57b519; } + +treeview.view:disabled:selected:backdrop { color: #76dc3a; } + +treeview.view:disabled:backdrop { color: #666464; } + +treeview.view.separator { min-height: 2px; color: #3f3e3e; } + +treeview.view.separator:backdrop { color: rgba(63, 62, 62, 0.1); } + +treeview.view:backdrop { border-left-color: #6b6b6c; border-top: #3f3e3e; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #338b00; } + +treeview.view:drop(active).after { border-top-style: none; } + +treeview.view:drop(active).before { border-bottom-style: none; } + +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: #EDF0F5; } + +treeview.view.expander:selected { color: #417e0f; } + +treeview.view.expander:selected:hover { color: #2a4606; } + +treeview.view.expander:selected:backdrop { color: #78ac56; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #79797c; } + +treeview.view header button { border-right-width: 0px; border-radius: 0; padding: 0px 3px; margin: 0px; color: #909194; background-color: #323232; font-weight: bold; text-shadow: none; } + +treeview.view header button:hover { color: #bfc1c5; } + +treeview.view header button:active { color: #EDF0F5; } + +treeview.view header button:last-child { border-right-width: 1px; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); color: #75ff25; background-color: #75ff25; transition: none; } + +treeview.view button.dnd:active:hover, treeview.view button.dnd:active:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover, treeview.view button.dnd:focus, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +treeview.view button.dnd:active:hover, treeview.view button.dnd:active:hover image, treeview.view button.dnd:active:hover arrow, treeview.view button.dnd:active:focus, treeview.view button.dnd:active:focus image, treeview.view button.dnd:active:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:hover image, treeview.view button.dnd:hover:hover arrow, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover:focus image, treeview.view button.dnd:hover:focus arrow, treeview.view button.dnd:hover, treeview.view button.dnd:hover image, treeview.view button.dnd:hover arrow, treeview.view button.dnd:focus, treeview.view button.dnd:focus image, treeview.view button.dnd:focus arrow, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:hover image, treeview.view header.button.dnd:active:hover arrow, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:active:focus image, treeview.view header.button.dnd:active:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:hover image, treeview.view header.button.dnd:hover:hover arrow, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover:focus image, treeview.view header.button.dnd:hover:focus arrow, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:hover image, treeview.view header.button.dnd:hover arrow, treeview.view header.button.dnd:focus, treeview.view header.button.dnd:focus image, treeview.view header.button.dnd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +treeview.view button.dnd:active:active, treeview.view button.dnd:active.keyboard-activating, treeview.view button.dnd:selected:active, treeview.view button.dnd:selected.keyboard-activating, treeview.view button.dnd:hover:active, treeview.view button.dnd:hover.keyboard-activating, treeview.view button.dnd:active, treeview.view button.dnd.keyboard-activating, treeview.view header.button.dnd:active:active, treeview.view header.button.dnd:active.keyboard-activating, treeview.view header.button.dnd:selected:active, treeview.view header.button.dnd:selected.keyboard-activating, treeview.view header.button.dnd:hover:active, treeview.view header.button.dnd:hover.keyboard-activating, treeview.view header.button.dnd:active, treeview.view header.button.dnd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +treeview.view button.dnd:active:checked, treeview.view button.dnd:active:selected, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:checked, treeview.view button.dnd:selected, treeview.view button.dnd.has-open-popup, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:selected, treeview.view header.button.dnd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +treeview.view button.dnd:active:checked, treeview.view button.dnd:active:checked image, treeview.view button.dnd:active:checked arrow, treeview.view button.dnd:active:selected, treeview.view button.dnd:active:selected image, treeview.view button.dnd:active:selected arrow, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:active.has-open-popup image, treeview.view button.dnd:active.has-open-popup arrow, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:checked image, treeview.view button.dnd:selected:checked arrow, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected:selected image, treeview.view button.dnd:selected:selected arrow, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:selected.has-open-popup image, treeview.view button.dnd:selected.has-open-popup arrow, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:checked image, treeview.view button.dnd:hover:checked arrow, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover:selected image, treeview.view button.dnd:hover:selected arrow, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:hover.has-open-popup image, treeview.view button.dnd:hover.has-open-popup arrow, treeview.view button.dnd:checked, treeview.view button.dnd:checked image, treeview.view button.dnd:checked arrow, treeview.view button.dnd:selected, treeview.view button.dnd:selected image, treeview.view button.dnd:selected arrow, treeview.view button.dnd.has-open-popup, treeview.view button.dnd.has-open-popup image, treeview.view button.dnd.has-open-popup arrow, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:checked image, treeview.view header.button.dnd:active:checked arrow, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active:selected image, treeview.view header.button.dnd:active:selected arrow, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:active.has-open-popup image, treeview.view header.button.dnd:active.has-open-popup arrow, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:checked image, treeview.view header.button.dnd:selected:checked arrow, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected:selected image, treeview.view header.button.dnd:selected:selected arrow, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:selected.has-open-popup image, treeview.view header.button.dnd:selected.has-open-popup arrow, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:checked image, treeview.view header.button.dnd:hover:checked arrow, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover:selected image, treeview.view header.button.dnd:hover:selected arrow, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:hover.has-open-popup image, treeview.view header.button.dnd:hover.has-open-popup arrow, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:checked image, treeview.view header.button.dnd:checked arrow, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:selected image, treeview.view header.button.dnd:selected arrow, treeview.view header.button.dnd.has-open-popup, treeview.view header.button.dnd.has-open-popup image, treeview.view header.button.dnd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:focus, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:hover image, treeview.view button.dnd:active:checked:hover arrow, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:checked:focus image, treeview.view button.dnd:active:checked:focus arrow, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:hover image, treeview.view button.dnd:active:selected:hover arrow, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active:selected:focus image, treeview.view button.dnd:active:selected:focus arrow, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:hover image, treeview.view button.dnd:active.has-open-popup:hover arrow, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:active.has-open-popup:focus image, treeview.view button.dnd:active.has-open-popup:focus arrow, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:hover image, treeview.view button.dnd:selected:checked:hover arrow, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:checked:focus image, treeview.view button.dnd:selected:checked:focus arrow, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:hover image, treeview.view button.dnd:selected:selected:hover arrow, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected:selected:focus image, treeview.view button.dnd:selected:selected:focus arrow, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:hover image, treeview.view button.dnd:selected.has-open-popup:hover arrow, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:selected.has-open-popup:focus image, treeview.view button.dnd:selected.has-open-popup:focus arrow, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:hover image, treeview.view button.dnd:hover:checked:hover arrow, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:checked:focus image, treeview.view button.dnd:hover:checked:focus arrow, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:hover image, treeview.view button.dnd:hover:selected:hover arrow, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover:selected:focus image, treeview.view button.dnd:hover:selected:focus arrow, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:hover image, treeview.view button.dnd:hover.has-open-popup:hover arrow, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:hover.has-open-popup:focus image, treeview.view button.dnd:hover.has-open-popup:focus arrow, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:hover image, treeview.view button.dnd:checked:hover arrow, treeview.view button.dnd:checked:focus, treeview.view button.dnd:checked:focus image, treeview.view button.dnd:checked:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:hover image, treeview.view button.dnd.has-open-popup:hover arrow, treeview.view button.dnd.has-open-popup:focus, treeview.view button.dnd.has-open-popup:focus image, treeview.view button.dnd.has-open-popup:focus arrow, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:hover image, treeview.view header.button.dnd:active:checked:hover arrow, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:checked:focus image, treeview.view header.button.dnd:active:checked:focus arrow, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:hover image, treeview.view header.button.dnd:active:selected:hover arrow, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active:selected:focus image, treeview.view header.button.dnd:active:selected:focus arrow, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:hover image, treeview.view header.button.dnd:active.has-open-popup:hover arrow, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:active.has-open-popup:focus image, treeview.view header.button.dnd:active.has-open-popup:focus arrow, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:hover image, treeview.view header.button.dnd:selected:checked:hover arrow, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:checked:focus image, treeview.view header.button.dnd:selected:checked:focus arrow, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:hover image, treeview.view header.button.dnd:selected:selected:hover arrow, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected:selected:focus image, treeview.view header.button.dnd:selected:selected:focus arrow, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:hover image, treeview.view header.button.dnd:selected.has-open-popup:hover arrow, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:selected.has-open-popup:focus image, treeview.view header.button.dnd:selected.has-open-popup:focus arrow, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:hover image, treeview.view header.button.dnd:hover:checked:hover arrow, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:checked:focus image, treeview.view header.button.dnd:hover:checked:focus arrow, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:hover image, treeview.view header.button.dnd:hover:selected:hover arrow, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover:selected:focus image, treeview.view header.button.dnd:hover:selected:focus arrow, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:hover image, treeview.view header.button.dnd:hover.has-open-popup:hover arrow, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:hover.has-open-popup:focus image, treeview.view header.button.dnd:hover.has-open-popup:focus arrow, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:hover image, treeview.view header.button.dnd:checked:hover arrow, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:checked:focus image, treeview.view header.button.dnd:checked:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:hover image, treeview.view header.button.dnd.has-open-popup:hover arrow, treeview.view header.button.dnd.has-open-popup:focus, treeview.view header.button.dnd.has-open-popup:focus image, treeview.view header.button.dnd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +treeview.view button.dnd:active:disabled, treeview.view button.dnd:active:disabled:checked, treeview.view button.dnd:active:disabled:selected, treeview.view button.dnd:active:disabled.has-open-popup, treeview.view button.dnd:selected:disabled, treeview.view button.dnd:selected:disabled:checked, treeview.view button.dnd:selected:disabled:selected, treeview.view button.dnd:selected:disabled.has-open-popup, treeview.view button.dnd:hover:disabled, treeview.view button.dnd:hover:disabled:checked, treeview.view button.dnd:hover:disabled:selected, treeview.view button.dnd:hover:disabled.has-open-popup, treeview.view button.dnd:disabled, treeview.view button.dnd:disabled:checked, treeview.view button.dnd:disabled:selected, treeview.view button.dnd:disabled.has-open-popup, treeview.view header.button.dnd:active:disabled, treeview.view header.button.dnd:active:disabled:checked, treeview.view header.button.dnd:active:disabled:selected, treeview.view header.button.dnd:active:disabled.has-open-popup, treeview.view header.button.dnd:selected:disabled, treeview.view header.button.dnd:selected:disabled:checked, treeview.view header.button.dnd:selected:disabled:selected, treeview.view header.button.dnd:selected:disabled.has-open-popup, treeview.view header.button.dnd:hover:disabled, treeview.view header.button.dnd:hover:disabled:checked, treeview.view header.button.dnd:hover:disabled:selected, treeview.view header.button.dnd:hover:disabled.has-open-popup, treeview.view header.button.dnd:disabled, treeview.view header.button.dnd:disabled:checked, treeview.view header.button.dnd:disabled:selected, treeview.view header.button.dnd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +treeview.view acceleditor > label { background-color: #75ff25; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, menubar > menuitem:active, .menubar > menuitem:hover, .menubar > menuitem:active { background-color: #75ff25; color: #2a4606; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7c675a; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #353434; border: 1px solid #595757; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; border: 1px solid transparent; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +menu menuitem:hover, menu menuitem:active, .menu menuitem:hover, .menu menuitem:active, .context-menu menuitem:hover, .context-menu menuitem:active { background-color: #75ff25; color: #2a4606; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7c675a; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #353434; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #454546; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #454546; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menuitem accelerator { color: alpha(currentColor,0.55); } + +menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #3f3e3e; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #595757; border-radius: 7px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(237, 240, 245, 0.5); } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +notebook > header tabs > tab.reorderable-page { background-position: left; padding-left: 1rem; } + +notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } + +notebook:focus > header { background-color: #4c4b4b; } + +notebook > header.left, notebook > header.right { border-radius: 1.5em; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:hover image, notebook > header > tabs > arrow:disabled:hover arrow, notebook > header > tabs > arrow:disabled:focus, notebook > header > tabs > arrow:disabled:focus image, notebook > header > tabs > arrow:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:checked image, notebook > header > tabs > arrow:disabled:checked arrow, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled:selected image, notebook > header > tabs > arrow:disabled:selected arrow, notebook > header > tabs > arrow:disabled.has-open-popup, notebook > header > tabs > arrow:disabled.has-open-popup image, notebook > header > tabs > arrow:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:hover image, notebook > header > tabs > arrow:disabled:checked:hover arrow, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:checked:focus image, notebook > header > tabs > arrow:disabled:checked:focus arrow, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:hover image, notebook > header > tabs > arrow:disabled:selected:hover arrow, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled:selected:focus image, notebook > header > tabs > arrow:disabled:selected:focus arrow, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:hover image, notebook > header > tabs > arrow:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow:disabled.has-open-popup:focus, notebook > header > tabs > arrow:disabled.has-open-popup:focus image, notebook > header > tabs > arrow:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:disabled, notebook > header > tabs > arrow:disabled:disabled:checked, notebook > header > tabs > arrow:disabled:disabled:selected, notebook > header > tabs > arrow:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; } + +notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +/************** Scrollbars * */ +scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: true; -GtkScrollbar-has-forward-stepper: true; } + +scrollbar.top { border-bottom: 1px solid #595757; } + +scrollbar.bottom { border-top: 1px solid #595757; } + +scrollbar.left { border-right: 1px solid #595757; } + +scrollbar.right { border-left: 1px solid #595757; } + +scrollbar slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #4f4f4f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar slider:hover, scrollbar slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +scrollbar slider:hover, scrollbar slider:hover image, scrollbar slider:hover arrow, scrollbar slider:focus, scrollbar slider:focus image, scrollbar slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scrollbar slider:disabled, scrollbar slider:disabled:checked, scrollbar slider:disabled:selected, scrollbar slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scrollbar slider:hover { background-color: #62a73a; color: #8f8f8f; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar slider:hover:active, scrollbar slider:active { background-color: #95ff58; color: #545454; background-image: url("assets/draggable-black.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar slider:disabled { background-color: #493e37; } + +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #203d79; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-radius: 0; transition-property: min-height, min-width, color; } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #595757; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border-radius: 9999px; color: #EDF0F5; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } + +switch:checked { color: #2a4606; background-color: #75ff25; } + +switch:disabled { color: #7c675a; border-color: #595757; background-color: #493e37; text-shadow: none; } + +switch slider { margin: 1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +switch slider:hover, switch slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +switch slider:hover, switch slider:hover image, switch slider:hover arrow, switch slider:focus, switch slider:focus image, switch slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +switch slider:disabled, switch slider:disabled:checked, switch slider:disabled:selected, switch slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +switch image { color: transparent; } + +/************************* Check and Radio items * */ +/*************************** Check and Radio buttons * */ +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +checkbutton.text-button:hover > label, radiobutton.text-button:hover > label { text-shadow: 0 0 5px currentColor; } + +check, check:selected, radio, radio:selected { border-width: 1px; border-style: solid; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); margin: 0 4px; min-height: 14px; min-width: 14px; -gtk-icon-source: none; } + +check:hover, check:focus, check:selected:hover, check:selected:focus, radio:hover, radio:focus, radio:selected:hover, radio:selected:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +check:hover, check:hover image, check:hover arrow, check:focus, check:focus image, check:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, radio:hover, radio:hover image, radio:hover arrow, radio:focus, radio:focus image, radio:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +check:active, check.keyboard-activating, check:selected:active, check:selected.keyboard-activating, radio:active, radio.keyboard-activating, radio:selected:active, radio:selected.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +check:checked, check:selected, check.has-open-popup, check:selected:checked, check:selected:selected, check:selected.has-open-popup, radio:checked, radio:selected, radio.has-open-popup, radio:selected:checked, radio:selected:selected, radio:selected.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +check:checked, check:checked image, check:checked arrow, check:selected, check:selected image, check:selected arrow, check.has-open-popup, check.has-open-popup image, check.has-open-popup arrow, check:selected:checked, check:selected:checked image, check:selected:checked arrow, check:selected:selected, check:selected:selected image, check:selected:selected arrow, check:selected.has-open-popup, check:selected.has-open-popup image, check:selected.has-open-popup arrow, radio:checked, radio:checked image, radio:checked arrow, radio:selected, radio:selected image, radio:selected arrow, radio.has-open-popup, radio.has-open-popup image, radio.has-open-popup arrow, radio:selected:checked, radio:selected:checked image, radio:selected:checked arrow, radio:selected:selected, radio:selected:selected image, radio:selected:selected arrow, radio:selected.has-open-popup, radio:selected.has-open-popup image, radio:selected.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +check:checked:hover, check:checked:focus, check:selected:hover, check:selected:focus, check.has-open-popup:hover, check.has-open-popup:focus, check:selected:checked:hover, check:selected:checked:focus, check:selected:selected:hover, check:selected:selected:focus, check:selected.has-open-popup:hover, check:selected.has-open-popup:focus, radio:checked:hover, radio:checked:focus, radio:selected:hover, radio:selected:focus, radio.has-open-popup:hover, radio.has-open-popup:focus, radio:selected:checked:hover, radio:selected:checked:focus, radio:selected:selected:hover, radio:selected:selected:focus, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +check:checked:hover, check:checked:hover image, check:checked:hover arrow, check:checked:focus, check:checked:focus image, check:checked:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, check.has-open-popup:hover, check.has-open-popup:hover image, check.has-open-popup:hover arrow, check.has-open-popup:focus, check.has-open-popup:focus image, check.has-open-popup:focus arrow, check:selected:checked:hover, check:selected:checked:hover image, check:selected:checked:hover arrow, check:selected:checked:focus, check:selected:checked:focus image, check:selected:checked:focus arrow, check:selected:selected:hover, check:selected:selected:hover image, check:selected:selected:hover arrow, check:selected:selected:focus, check:selected:selected:focus image, check:selected:selected:focus arrow, check:selected.has-open-popup:hover, check:selected.has-open-popup:hover image, check:selected.has-open-popup:hover arrow, check:selected.has-open-popup:focus, check:selected.has-open-popup:focus image, check:selected.has-open-popup:focus arrow, radio:checked:hover, radio:checked:hover image, radio:checked:hover arrow, radio:checked:focus, radio:checked:focus image, radio:checked:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow, radio.has-open-popup:hover, radio.has-open-popup:hover image, radio.has-open-popup:hover arrow, radio.has-open-popup:focus, radio.has-open-popup:focus image, radio.has-open-popup:focus arrow, radio:selected:checked:hover, radio:selected:checked:hover image, radio:selected:checked:hover arrow, radio:selected:checked:focus, radio:selected:checked:focus image, radio:selected:checked:focus arrow, radio:selected:selected:hover, radio:selected:selected:hover image, radio:selected:selected:hover arrow, radio:selected:selected:focus, radio:selected:selected:focus image, radio:selected:selected:focus arrow, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:hover image, radio:selected.has-open-popup:hover arrow, radio:selected.has-open-popup:focus, radio:selected.has-open-popup:focus image, radio:selected.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +check:disabled, check:disabled:checked, check:disabled:selected, check:disabled.has-open-popup, check:selected:disabled, check:selected:disabled:checked, check:selected:disabled:selected, check:selected:disabled.has-open-popup, radio:disabled, radio:disabled:checked, radio:disabled:selected, radio:disabled.has-open-popup, radio:selected:disabled, radio:selected:disabled:checked, radio:selected:disabled:selected, radio:selected:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +check:only-child, check:selected:only-child, radio:only-child, radio:selected:only-child { margin: 0; } + +popover check.left:dir(rtl), popover check:selected.left:dir(rtl), popover radio.left:dir(rtl), popover radio:selected.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover check:selected.right:dir(ltr), popover radio.right:dir(ltr), popover radio:selected.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +menu menuitem check, menu menuitem check:selected, menu menuitem radio, menu menuitem radio:selected { margin: 0; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view radio:selected, treeview.view radio:selected:focus, treeview.view check:selected, treeview.view check:selected:focus { background-color: #4f4f4f; color: #75ff25; } + +treeview.view radio:selected:not(:checked), treeview.view radio:selected:focus:not(:checked), treeview.view check:selected:not(:checked), treeview.view check:selected:focus:not(:checked) { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +/************ GtkScale * */ +/************ GtkScale * */ +levelbar > trough, progressbar trough, scale fill, scale trough, treeview.view.trough, scrollbar trough, switch { border: none; border-radius: 9999px; background-color: #201f1f; box-shadow: 0px -2px 2px 0 rgba(255, 255, 255, 0.3), 2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), -2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), inset 0px -1px 1px 0 rgba(255, 255, 255, 0.3), inset 0px 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 2px 2px -1px rgba(0, 0, 0, 0.5), 0px 3px 4px -1px rgba(0, 0, 0, 0.5); } + +row:selected levelbar > trough, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough, row:selected treeview.view.trough, row:selected scrollbar trough, scrollbar row:selected trough, row:selected switch { border-color: #338b00; } + +.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough, .osd treeview.view.trough, .osd scrollbar trough, scrollbar .osd trough, .osd switch { border-color: #66cbec; } + +progressbar progress, scale highlight, treeview.view.progressbar { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +progressbar progress:disabled, scale highlight:disabled, treeview.view.progressbar:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill { background-color: #7f7e7e; } + +scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; min-height: 18px; min-width: 18px; margin: -3px; border-radius: 100%; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scale trough > slider:hover, scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +scale trough > slider:hover, scale trough > slider:hover image, scale trough > slider:hover arrow, scale trough > slider:focus, scale trough > slider:focus image, scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scale trough > slider:disabled, scale trough > slider:disabled:checked, scale trough > slider:disabled:selected, scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scale trough > slider:hover, scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +.osd scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd scale trough > slider:hover, .osd scale trough > slider:hover image, .osd scale trough > slider:hover arrow, .osd scale trough > slider:focus, .osd scale trough > slider:focus image, .osd scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd scale trough > slider:disabled, .osd scale trough > slider:disabled:checked, .osd scale trough > slider:disabled:selected, .osd scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +.osd scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +scale.fine-tune trough > slider:hover, scale.fine-tune trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #33d17a; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider, scale.horizontal.color slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.marks-after slider, scale.vertical.color:dir(ltr) slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.vertical.marks-before slider, scale.vertical.color:dir(rtl) slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#595757); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 5px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 5px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 9999px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 9999px 9999px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 9999px 0 0 9999px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 9999px; } + +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 9999px; } + +levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; border-radius: 9999px; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { margin: 0px; border: none; border-radius: 9999px; background-color: #f57900; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.35), 0 0 5px 0 #f57900; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.low:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.high:disabled, levelbar > trough > block:not(.empty):disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.full { margin: 0px; border: none; border-radius: 9999px; background-color: #33d17a; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #33d17a; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.full:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.empty { margin: 0px; border: none; border-radius: 9999px; background-color: #252525; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3), 0 0 5px 0 #252525; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.empty:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +/**************** Print dialog * */ +printdialog paper { color: #EDF0F5; border: 1px solid #595757; background: white; padding: 0; } + +printdialog paper:backdrop { color: #96979a; border-color: #545252; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #595757; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #545252; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #595757; } + +actionbar > revealer > box:backdrop { border-color: #545252; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at top, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at bottom, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at left, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at right, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #595757 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #393838; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #545252 1px, transparent 1px); background-color: #373636; transition: 200ms ease-out; } + +separator { background-color: rgba(255, 255, 255, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: #EDF0F5; background-color: #323232; border-color: #595757; } + +list:backdrop { color: #c8cbcf; background-color: #353535; border-color: #545252; } + +list row { padding: 2px; } + +row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; } + +row.activatable:hover, row.activatable:active, row.activatable:selected, row.activatable.has-open-popup { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:hover, row.activatable:hover:focus, row.activatable:active:hover, row.activatable:active:focus, row.activatable:selected:hover, row.activatable:selected:focus, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +row.activatable:hover:hover, row.activatable:hover:hover image, row.activatable:hover:hover arrow, row.activatable:hover:focus, row.activatable:hover:focus image, row.activatable:hover:focus arrow, row.activatable:active:hover, row.activatable:active:hover image, row.activatable:active:hover arrow, row.activatable:active:focus, row.activatable:active:focus image, row.activatable:active:focus arrow, row.activatable:selected:hover, row.activatable:selected:hover image, row.activatable:selected:hover arrow, row.activatable:selected:focus, row.activatable:selected:focus image, row.activatable:selected:focus arrow, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:hover image, row.activatable.has-open-popup:hover arrow, row.activatable.has-open-popup:focus, row.activatable.has-open-popup:focus image, row.activatable.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:hover:active, row.activatable:hover.keyboard-activating, row.activatable:active:active, row.activatable:active.keyboard-activating, row.activatable:selected:active, row.activatable:selected.keyboard-activating, row.activatable.has-open-popup:active, row.activatable.has-open-popup.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:checked, row.activatable:hover:selected, row.activatable:hover.has-open-popup, row.activatable:active:checked, row.activatable:active:selected, row.activatable:active.has-open-popup, row.activatable:selected:checked, row.activatable:selected:selected, row.activatable:selected.has-open-popup, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:selected, row.activatable.has-open-popup.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked, row.activatable:hover:checked image, row.activatable:hover:checked arrow, row.activatable:hover:selected, row.activatable:hover:selected image, row.activatable:hover:selected arrow, row.activatable:hover.has-open-popup, row.activatable:hover.has-open-popup image, row.activatable:hover.has-open-popup arrow, row.activatable:active:checked, row.activatable:active:checked image, row.activatable:active:checked arrow, row.activatable:active:selected, row.activatable:active:selected image, row.activatable:active:selected arrow, row.activatable:active.has-open-popup, row.activatable:active.has-open-popup image, row.activatable:active.has-open-popup arrow, row.activatable:selected:checked, row.activatable:selected:checked image, row.activatable:selected:checked arrow, row.activatable:selected:selected, row.activatable:selected:selected image, row.activatable:selected:selected arrow, row.activatable:selected.has-open-popup, row.activatable:selected.has-open-popup image, row.activatable:selected.has-open-popup arrow, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:checked image, row.activatable.has-open-popup:checked arrow, row.activatable.has-open-popup:selected, row.activatable.has-open-popup:selected image, row.activatable.has-open-popup:selected arrow, row.activatable.has-open-popup.has-open-popup, row.activatable.has-open-popup.has-open-popup image, row.activatable.has-open-popup.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:focus, row.activatable:hover:selected:hover, row.activatable:hover:selected:focus, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:focus, row.activatable:active:checked:hover, row.activatable:active:checked:focus, row.activatable:active:selected:hover, row.activatable:active:selected:focus, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:focus, row.activatable:selected:checked:hover, row.activatable:selected:checked:focus, row.activatable:selected:selected:hover, row.activatable:selected:selected:focus, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:focus, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:hover image, row.activatable:hover:checked:hover arrow, row.activatable:hover:checked:focus, row.activatable:hover:checked:focus image, row.activatable:hover:checked:focus arrow, row.activatable:hover:selected:hover, row.activatable:hover:selected:hover image, row.activatable:hover:selected:hover arrow, row.activatable:hover:selected:focus, row.activatable:hover:selected:focus image, row.activatable:hover:selected:focus arrow, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:hover image, row.activatable:hover.has-open-popup:hover arrow, row.activatable:hover.has-open-popup:focus, row.activatable:hover.has-open-popup:focus image, row.activatable:hover.has-open-popup:focus arrow, row.activatable:active:checked:hover, row.activatable:active:checked:hover image, row.activatable:active:checked:hover arrow, row.activatable:active:checked:focus, row.activatable:active:checked:focus image, row.activatable:active:checked:focus arrow, row.activatable:active:selected:hover, row.activatable:active:selected:hover image, row.activatable:active:selected:hover arrow, row.activatable:active:selected:focus, row.activatable:active:selected:focus image, row.activatable:active:selected:focus arrow, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:hover image, row.activatable:active.has-open-popup:hover arrow, row.activatable:active.has-open-popup:focus, row.activatable:active.has-open-popup:focus image, row.activatable:active.has-open-popup:focus arrow, row.activatable:selected:checked:hover, row.activatable:selected:checked:hover image, row.activatable:selected:checked:hover arrow, row.activatable:selected:checked:focus, row.activatable:selected:checked:focus image, row.activatable:selected:checked:focus arrow, row.activatable:selected:selected:hover, row.activatable:selected:selected:hover image, row.activatable:selected:selected:hover arrow, row.activatable:selected:selected:focus, row.activatable:selected:selected:focus image, row.activatable:selected:selected:focus arrow, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:hover image, row.activatable:selected.has-open-popup:hover arrow, row.activatable:selected.has-open-popup:focus, row.activatable:selected.has-open-popup:focus image, row.activatable:selected.has-open-popup:focus arrow, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:hover image, row.activatable.has-open-popup:checked:hover arrow, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:checked:focus image, row.activatable.has-open-popup:checked:focus arrow, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:hover image, row.activatable.has-open-popup:selected:hover arrow, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup:selected:focus image, row.activatable.has-open-popup:selected:focus arrow, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:hover image, row.activatable.has-open-popup.has-open-popup:hover arrow, row.activatable.has-open-popup.has-open-popup:focus, row.activatable.has-open-popup.has-open-popup:focus image, row.activatable.has-open-popup.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:hover:disabled, row.activatable:hover:disabled:checked, row.activatable:hover:disabled:selected, row.activatable:hover:disabled.has-open-popup, row.activatable:active:disabled, row.activatable:active:disabled:checked, row.activatable:active:disabled:selected, row.activatable:active:disabled.has-open-popup, row.activatable:selected:disabled, row.activatable:selected:disabled:checked, row.activatable:selected:disabled:selected, row.activatable:selected:disabled.has-open-popup, row.activatable.has-open-popup:disabled, row.activatable.has-open-popup:disabled:checked, row.activatable.has-open-popup:disabled:selected, row.activatable.has-open-popup:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +row.activatable:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:hover, row.activatable:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +row.activatable:disabled:hover, row.activatable:disabled:hover image, row.activatable:disabled:hover arrow, row.activatable:disabled:focus, row.activatable:disabled:focus image, row.activatable:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:disabled:active, row.activatable:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:checked, row.activatable:disabled:selected, row.activatable:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked, row.activatable:disabled:checked image, row.activatable:disabled:checked arrow, row.activatable:disabled:selected, row.activatable:disabled:selected image, row.activatable:disabled:selected arrow, row.activatable:disabled.has-open-popup, row.activatable:disabled.has-open-popup image, row.activatable:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:focus, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:focus, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:hover image, row.activatable:disabled:checked:hover arrow, row.activatable:disabled:checked:focus, row.activatable:disabled:checked:focus image, row.activatable:disabled:checked:focus arrow, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:hover image, row.activatable:disabled:selected:hover arrow, row.activatable:disabled:selected:focus, row.activatable:disabled:selected:focus image, row.activatable:disabled:selected:focus arrow, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:hover image, row.activatable:disabled.has-open-popup:hover arrow, row.activatable:disabled.has-open-popup:focus, row.activatable:disabled.has-open-popup:focus image, row.activatable:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:disabled:disabled, row.activatable:disabled:disabled:checked, row.activatable:disabled:disabled:selected, row.activatable:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.nested > row { background-color: rgba(255, 255, 255, 0.1); } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: #EDF0F5; border: 1px solid #595757; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(237, 240, 245, 0.45); } + +calendar.button:hover { color: #EDF0F5; } + +calendar.button:backdrop { color: rgba(150, 151, 154, 0.45); } + +calendar.button:disabled { color: rgba(124, 103, 90, 0.45); } + +calendar.highlight { color: #7c675a; } + +calendar.highlight:backdrop { color: #666464; } + +calendar:backdrop { color: #c8cbcf; border-color: #545252; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +filechooser .dialog-action-box { border-top: 1px solid #595757; } + +filechooser .dialog-action-box:backdrop { border-top-color: #545252; } + +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #393838; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #595757; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #595757; border-right-style: none; } + +.sidebar:backdrop { background-color: #3a3939; border-color: #545252; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #595757; } + +separator.sidebar:backdrop { background-color: #545252; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #1d814a; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #2a4606; } + +placessidebar row:disabled { color: #7c675a; } + +placessidebar row:backdrop { color: #96979a; } + +placessidebar row:backdrop:selected { color: #79896b; } + +placessidebar row:backdrop:disabled { color: #666464; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #75ff25; } + +placessidebar row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 1px #33d17a, inset 0 -1px #33d17a; } + +placessidebar row:drop(active):not(:disabled):selected { color: #2a4606; background-color: #33d17a; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 0.5rem; min-height: 0.5rem; -gtk-icon-source: none; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; background-size: 0.5rem; border: none; background-color: #595757; } + +paned > separator:hover { box-shadow: inset 0 0 0 1px #75ff25; } + +paned > separator.wide { min-width: 0.75rem; min-height: 0.75rem; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { border-bottom: 1px solid #666464; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #8121b9; border-bottom: 1px solid #666464; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #EDF0F5; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #252525; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #99c1f1; } + +/************ Tooltips * */ +tooltip { border-radius: 5px; text-shadow: none; } + +tooltip.background { background-color: rgba(32, 61, 121, 0.9); background-clip: padding-box; border: 1px solid #66cbec; } + +tooltip decoration { background-color: transparent; } + +tooltip * { background-color: transparent; color: #66cbec; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch:drop(active).dark overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch overlay { border: 1px solid #595757; } + +colorswatch overlay:hover { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch overlay:hover:hover, colorswatch overlay:hover:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +colorswatch overlay:hover:hover, colorswatch overlay:hover:hover image, colorswatch overlay:hover:hover arrow, colorswatch overlay:hover:focus, colorswatch overlay:hover:focus image, colorswatch overlay:hover:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch overlay:hover:active, colorswatch overlay:hover.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch overlay:hover:checked, colorswatch overlay:hover:selected, colorswatch overlay:hover.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch overlay:hover:checked, colorswatch overlay:hover:checked image, colorswatch overlay:hover:checked arrow, colorswatch overlay:hover:selected, colorswatch overlay:hover:selected image, colorswatch overlay:hover:selected arrow, colorswatch overlay:hover.has-open-popup, colorswatch overlay:hover.has-open-popup image, colorswatch overlay:hover.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch overlay:hover:checked:hover, colorswatch overlay:hover:checked:focus, colorswatch overlay:hover:selected:hover, colorswatch overlay:hover:selected:focus, colorswatch overlay:hover.has-open-popup:hover, colorswatch overlay:hover.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch overlay:hover:checked:hover, colorswatch overlay:hover:checked:hover image, colorswatch overlay:hover:checked:hover arrow, colorswatch overlay:hover:checked:focus, colorswatch overlay:hover:checked:focus image, colorswatch overlay:hover:checked:focus arrow, colorswatch overlay:hover:selected:hover, colorswatch overlay:hover:selected:hover image, colorswatch overlay:hover:selected:hover arrow, colorswatch overlay:hover:selected:focus, colorswatch overlay:hover:selected:focus image, colorswatch overlay:hover:selected:focus arrow, colorswatch overlay:hover.has-open-popup:hover, colorswatch overlay:hover.has-open-popup:hover image, colorswatch overlay:hover.has-open-popup:hover arrow, colorswatch overlay:hover.has-open-popup:focus, colorswatch overlay:hover.has-open-popup:focus image, colorswatch overlay:hover.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch overlay:hover:disabled, colorswatch overlay:hover:disabled:checked, colorswatch overlay:hover:disabled:selected, colorswatch overlay:hover:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +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: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button overlay:hover, colorswatch#add-color-button overlay:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +colorswatch#add-color-button overlay:hover, colorswatch#add-color-button overlay:hover image, colorswatch#add-color-button overlay:hover arrow, colorswatch#add-color-button overlay:focus, colorswatch#add-color-button overlay:focus image, colorswatch#add-color-button overlay:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch#add-color-button overlay:active, colorswatch#add-color-button overlay.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button overlay:checked, colorswatch#add-color-button overlay:selected, colorswatch#add-color-button overlay.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button overlay:checked, colorswatch#add-color-button overlay:checked image, colorswatch#add-color-button overlay:checked arrow, colorswatch#add-color-button overlay:selected, colorswatch#add-color-button overlay:selected image, colorswatch#add-color-button overlay:selected arrow, colorswatch#add-color-button overlay.has-open-popup, colorswatch#add-color-button overlay.has-open-popup image, colorswatch#add-color-button overlay.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button overlay:checked:hover, colorswatch#add-color-button overlay:checked:focus, colorswatch#add-color-button overlay:selected:hover, colorswatch#add-color-button overlay:selected:focus, colorswatch#add-color-button overlay.has-open-popup:hover, colorswatch#add-color-button overlay.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch#add-color-button overlay:checked:hover, colorswatch#add-color-button overlay:checked:hover image, colorswatch#add-color-button overlay:checked:hover arrow, colorswatch#add-color-button overlay:checked:focus, colorswatch#add-color-button overlay:checked:focus image, colorswatch#add-color-button overlay:checked:focus arrow, colorswatch#add-color-button overlay:selected:hover, colorswatch#add-color-button overlay:selected:hover image, colorswatch#add-color-button overlay:selected:hover arrow, colorswatch#add-color-button overlay:selected:focus, colorswatch#add-color-button overlay:selected:focus image, colorswatch#add-color-button overlay:selected:focus arrow, colorswatch#add-color-button overlay.has-open-popup:hover, colorswatch#add-color-button overlay.has-open-popup:hover image, colorswatch#add-color-button overlay.has-open-popup:hover arrow, colorswatch#add-color-button overlay.has-open-popup:focus, colorswatch#add-color-button overlay.has-open-popup:focus image, colorswatch#add-color-button overlay.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch#add-color-button overlay:disabled, colorswatch#add-color-button overlay:disabled:checked, colorswatch#add-color-button overlay:disabled:selected, colorswatch#add-color-button overlay:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: #493e37; box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #2a4606; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #2d2c2c; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #2d2c2c; } + +/********************** Window Decorations * */ +decoration { border-radius: 6px 6px 0 0; border-width: 0px; box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.7), 0 0 5px 1px #75ff25, 0 3px 6px 2px rgba(0, 0, 0, 0); margin: 10px; } + +decoration:backdrop { box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.5), 0 3px 6px 2px rgba(0, 0, 0, 0.7); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +messagedialog.csd decoration { border-radius: 6px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #595757; border: solid 1px #595757; border-radius: 0; box-shadow: inset 0 0 0 3px #373636, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #3f3e3e, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +button.titlebutton:not(.appmenu) { padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } + +button.titlebutton:not(.appmenu):backdrop { background-image: none; } + +button.titlebutton.close { padding-right: 12px; padding-left: 12px; } + +button.titlebutton.close:not(:backdrop) { color: #EDF0F5; background-color: #7a2b2b; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +button.titlebutton.close:not(:backdrop):hover, button.titlebutton.close:not(:backdrop):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +button.titlebutton.close:not(:backdrop):hover, button.titlebutton.close:not(:backdrop):hover image, button.titlebutton.close:not(:backdrop):hover arrow, button.titlebutton.close:not(:backdrop):focus, button.titlebutton.close:not(:backdrop):focus image, button.titlebutton.close:not(:backdrop):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +button.titlebutton.close:not(:backdrop):active, button.titlebutton.close:not(:backdrop).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +button.titlebutton.close:not(:backdrop):checked, button.titlebutton.close:not(:backdrop):selected, button.titlebutton.close:not(:backdrop).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +button.titlebutton.close:not(:backdrop):checked, button.titlebutton.close:not(:backdrop):checked image, button.titlebutton.close:not(:backdrop):checked arrow, button.titlebutton.close:not(:backdrop):selected, button.titlebutton.close:not(:backdrop):selected image, button.titlebutton.close:not(:backdrop):selected arrow, button.titlebutton.close:not(:backdrop).has-open-popup, button.titlebutton.close:not(:backdrop).has-open-popup image, button.titlebutton.close:not(:backdrop).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +button.titlebutton.close:not(:backdrop):checked:hover, button.titlebutton.close:not(:backdrop):checked:focus, button.titlebutton.close:not(:backdrop):selected:hover, button.titlebutton.close:not(:backdrop):selected:focus, button.titlebutton.close:not(:backdrop).has-open-popup:hover, button.titlebutton.close:not(:backdrop).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +button.titlebutton.close:not(:backdrop):checked:hover, button.titlebutton.close:not(:backdrop):checked:hover image, button.titlebutton.close:not(:backdrop):checked:hover arrow, button.titlebutton.close:not(:backdrop):checked:focus, button.titlebutton.close:not(:backdrop):checked:focus image, button.titlebutton.close:not(:backdrop):checked:focus arrow, button.titlebutton.close:not(:backdrop):selected:hover, button.titlebutton.close:not(:backdrop):selected:hover image, button.titlebutton.close:not(:backdrop):selected:hover arrow, button.titlebutton.close:not(:backdrop):selected:focus, button.titlebutton.close:not(:backdrop):selected:focus image, button.titlebutton.close:not(:backdrop):selected:focus arrow, button.titlebutton.close:not(:backdrop).has-open-popup:hover, button.titlebutton.close:not(:backdrop).has-open-popup:hover image, button.titlebutton.close:not(:backdrop).has-open-popup:hover arrow, button.titlebutton.close:not(:backdrop).has-open-popup:focus, button.titlebutton.close:not(:backdrop).has-open-popup:focus image, button.titlebutton.close:not(:backdrop).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +button.titlebutton.close:not(:backdrop):disabled, button.titlebutton.close:not(:backdrop):disabled:checked, button.titlebutton.close:not(:backdrop):disabled:selected, button.titlebutton.close:not(:backdrop):disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); border: 1px solid #666464; border-radius: 100%; transition: all 20ms 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, cursor-handle:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +cursor-handle:hover, cursor-handle:hover image, cursor-handle:hover arrow, cursor-handle:focus, cursor-handle:focus image, cursor-handle:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:active, cursor-handle.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:checked, cursor-handle:selected, cursor-handle.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:checked, cursor-handle:checked image, cursor-handle:checked arrow, cursor-handle:selected, cursor-handle:selected image, cursor-handle:selected arrow, cursor-handle.has-open-popup, cursor-handle.has-open-popup image, cursor-handle.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:checked:hover, cursor-handle:checked:focus, cursor-handle:selected:hover, cursor-handle:selected:focus, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:checked:hover, cursor-handle:checked:hover image, cursor-handle:checked:hover arrow, cursor-handle:checked:focus, cursor-handle:checked:focus image, cursor-handle:checked:focus arrow, cursor-handle:selected:hover, cursor-handle:selected:hover image, cursor-handle:selected:hover arrow, cursor-handle:selected:focus, cursor-handle:selected:focus image, cursor-handle:selected:focus arrow, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:hover image, cursor-handle.has-open-popup:hover arrow, cursor-handle.has-open-popup:focus, cursor-handle.has-open-popup:focus image, cursor-handle.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled, cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:hover, cursor-handle:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +cursor-handle:disabled:hover, cursor-handle:disabled:hover image, cursor-handle:disabled:hover arrow, cursor-handle:disabled:focus, cursor-handle:disabled:focus image, cursor-handle:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:disabled:active, cursor-handle:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked, cursor-handle:disabled:checked image, cursor-handle:disabled:checked arrow, cursor-handle:disabled:selected, cursor-handle:disabled:selected image, cursor-handle:disabled:selected arrow, cursor-handle:disabled.has-open-popup, cursor-handle:disabled.has-open-popup image, cursor-handle:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:focus, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:focus, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:hover image, cursor-handle:disabled:checked:hover arrow, cursor-handle:disabled:checked:focus, cursor-handle:disabled:checked:focus image, cursor-handle:disabled:checked:focus arrow, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:hover image, cursor-handle:disabled:selected:hover arrow, cursor-handle:disabled:selected:focus, cursor-handle:disabled:selected:focus image, cursor-handle:disabled:selected:focus arrow, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:hover image, cursor-handle:disabled.has-open-popup:hover arrow, cursor-handle:disabled.has-open-popup:focus, cursor-handle:disabled.has-open-popup:focus image, cursor-handle:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled:disabled, cursor-handle:disabled:disabled:checked, cursor-handle:disabled:disabled:selected, cursor-handle:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; background-color: #323232; border: 1px solid; border-color: #595757; border-radius: 5px; box-shadow: inset 0 -3px #494848; font-size: smaller; } + +.keycap:backdrop { background-color: #353535; color: #96979a; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: rgba(237, 240, 245, 0.1); } + +button.emoji-section:checked { border-color: #75ff25; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #75ff25; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: #4c4b4b; } + +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } + +undershoot.top { background-size: 100% 0.5em; background-position: top; } + +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } + +undershoot.left { background-size: 0.5em 100%; background-position: left; } + +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +stackswitcher, .stack-switcher, notebook > header { border-radius: 9999px; border: none; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, windowhandle notebook > header { margin: 3px 0px; } + +headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, windowhandle notebook > header > button { min-height: 19px; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #EDF0F5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #EDF0F5; +/* +widget base background color */ +@define-color theme_bg_color #3f3e3e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #323232; +/* +base background color of selections */ +@define-color theme_selected_bg_color #75ff25; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #2a4606; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #493e37; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #7c675a; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #323232; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #96979a; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #EDF0F5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #3f3e3e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #353535; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #75ff25; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #2a4606; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #666464; +/* +widgets main borders color */ +@define-color borders #595757; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #545252; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #96979a; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #323232; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232323; diff --git a/gtk-4.0/assets/bullet-symbolic.svg b/gtk-4.0/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/gtk-4.0/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/bullet-symbolic.symbolic.png b/gtk-4.0/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/gtk-4.0/assets/bullet-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/gtk-4.0/assets/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000..e9df425 Binary files /dev/null and b/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/check-symbolic.svg b/gtk-4.0/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/gtk-4.0/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/check-symbolic.symbolic.png b/gtk-4.0/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/gtk-4.0/assets/check-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/check@2-symbolic.symbolic.png b/gtk-4.0/assets/check@2-symbolic.symbolic.png new file mode 100644 index 0000000..994ce3a Binary files /dev/null and b/gtk-4.0/assets/check@2-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/dash-symbolic.svg b/gtk-4.0/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/gtk-4.0/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/dash-symbolic.symbolic.png b/gtk-4.0/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/gtk-4.0/assets/dash-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/gtk-4.0/assets/dash@2-symbolic.symbolic.png new file mode 100644 index 0000000..d2b3385 Binary files /dev/null and b/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/draggable-black.svg b/gtk-4.0/assets/draggable-black.svg new file mode 100644 index 0000000..8d4c086 --- /dev/null +++ b/gtk-4.0/assets/draggable-black.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/draggable-white.svg b/gtk-4.0/assets/draggable-white.svg new file mode 100644 index 0000000..8713d00 --- /dev/null +++ b/gtk-4.0/assets/draggable-white.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/draggable.svg b/gtk-4.0/assets/draggable.svg new file mode 100644 index 0000000..1b2ff23 --- /dev/null +++ b/gtk-4.0/assets/draggable.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..6340b2e Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..ac5218d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..1731cb3 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..9431dad Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..3f5b203 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..c3b5344 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..9f7d932 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..8a42a02 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..180aec8 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..842af38 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d5bc7d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..4603029 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..e0faaf0 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..75217d2 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..87128e2 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..83ff84e Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..502493d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..42ababe Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..39b1c21 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..f9c144e Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..438102d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..dc88ed4 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..7dd3b53 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..84893b7 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..3052b51 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..bcc5328 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..12f249a Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..29c21fb Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..93cc0a6 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..56d01a7 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..05364ce Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..cde1392 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..8457c1b Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..fc3962f Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..5cca0f8 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..971c35a Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..0bf1bf3 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..bbc3398 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..ce9467b Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..3562fd5 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d24aced Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..191e4e8 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d0b5bd Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..343e53d Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..598a9f0 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..47d7bf7 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..4e880ad Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..2bfa8c7 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..ef21ab0 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..df1675e Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..204f324 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..8c499ed Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..248a089 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..8e3263a Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..62bb100 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..ab71962 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..ba9521a Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..87e1923 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..69e56a9 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..612ad7e Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..42cc778 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..376affc Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..705f4e6 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..26a43e0 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/gtk-4.0/assets/text-select-end-active-dark.png b/gtk-4.0/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..964afea Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active-dark.png differ diff --git a/gtk-4.0/assets/text-select-end-active-dark@2.png b/gtk-4.0/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..167fdc8 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-end-active.png b/gtk-4.0/assets/text-select-end-active.png new file mode 100644 index 0000000..59a955a Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active.png differ diff --git a/gtk-4.0/assets/text-select-end-active@2.png b/gtk-4.0/assets/text-select-end-active@2.png new file mode 100644 index 0000000..5aa6c77 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active@2.png differ diff --git a/gtk-4.0/assets/text-select-end-dark.png b/gtk-4.0/assets/text-select-end-dark.png new file mode 100644 index 0000000..3545bc7 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-dark.png differ diff --git a/gtk-4.0/assets/text-select-end-dark@2.png b/gtk-4.0/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..e29a86a Binary files /dev/null and b/gtk-4.0/assets/text-select-end-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-end-hover-dark.png b/gtk-4.0/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..66daba1 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover-dark.png differ diff --git a/gtk-4.0/assets/text-select-end-hover-dark@2.png b/gtk-4.0/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..fd4ced6 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-end-hover.png b/gtk-4.0/assets/text-select-end-hover.png new file mode 100644 index 0000000..f9f5d1d Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover.png differ diff --git a/gtk-4.0/assets/text-select-end-hover@2.png b/gtk-4.0/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..0eaa261 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover@2.png differ diff --git a/gtk-4.0/assets/text-select-end.png b/gtk-4.0/assets/text-select-end.png new file mode 100644 index 0000000..aceb8ea Binary files /dev/null and b/gtk-4.0/assets/text-select-end.png differ diff --git a/gtk-4.0/assets/text-select-end@2.png b/gtk-4.0/assets/text-select-end@2.png new file mode 100644 index 0000000..6da7b66 Binary files /dev/null and b/gtk-4.0/assets/text-select-end@2.png differ diff --git a/gtk-4.0/assets/text-select-start-active-dark.png b/gtk-4.0/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..a6f3372 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active-dark.png differ diff --git a/gtk-4.0/assets/text-select-start-active-dark@2.png b/gtk-4.0/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..1eb3d8e Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-start-active.png b/gtk-4.0/assets/text-select-start-active.png new file mode 100644 index 0000000..765e60c Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active.png differ diff --git a/gtk-4.0/assets/text-select-start-active@2.png b/gtk-4.0/assets/text-select-start-active@2.png new file mode 100644 index 0000000..44d582b Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active@2.png differ diff --git a/gtk-4.0/assets/text-select-start-dark.png b/gtk-4.0/assets/text-select-start-dark.png new file mode 100644 index 0000000..75fa6b4 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-dark.png differ diff --git a/gtk-4.0/assets/text-select-start-dark@2.png b/gtk-4.0/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..3a43e2e Binary files /dev/null and b/gtk-4.0/assets/text-select-start-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-start-hover-dark.png b/gtk-4.0/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..cf4b9c1 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover-dark.png differ diff --git a/gtk-4.0/assets/text-select-start-hover-dark@2.png b/gtk-4.0/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..76312d5 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-start-hover.png b/gtk-4.0/assets/text-select-start-hover.png new file mode 100644 index 0000000..539379d Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover.png differ diff --git a/gtk-4.0/assets/text-select-start-hover@2.png b/gtk-4.0/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..6ba8f51 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover@2.png differ diff --git a/gtk-4.0/assets/text-select-start.png b/gtk-4.0/assets/text-select-start.png new file mode 100644 index 0000000..9127425 Binary files /dev/null and b/gtk-4.0/assets/text-select-start.png differ diff --git a/gtk-4.0/assets/text-select-start@2.png b/gtk-4.0/assets/text-select-start@2.png new file mode 100644 index 0000000..b9b0aa1 Binary files /dev/null and b/gtk-4.0/assets/text-select-start@2.png differ diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css new file mode 120000 index 0000000..78c9d4e --- /dev/null +++ b/gtk-4.0/gtk-dark.css @@ -0,0 +1 @@ +gtk.css \ No newline at end of file diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css new file mode 100644 index 0000000..6e362f2 --- /dev/null +++ b/gtk-4.0/gtk.css @@ -0,0 +1,1882 @@ +/*$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton :hover, modelbutton :selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #75ff25; } + +label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton :hover, modelbutton :selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #2a4606; } + +label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton :disabled:hover, modelbutton :disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #7c675a; } + +/*************** Base States * */ +.background { color: #EDF0F5; background-color: #3f3e3e; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #EDF0F5; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: #EDF0F5; background-color: #323232; } + +row .view, row iconview, row textview > text { background-color: unset; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #7c675a; background-color: #493e37; } + +.view > :selected, iconview > :selected, textview > text > :selected { background-color: #75ff25; } + +textview > text { background-color: transparent; } + +textview > text > selection { background-color: rgba(117, 255, 37, 0.3); } + +textview > text > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); } + +textview:drop(active) { caret-color: #33d17a; } + +textview > border { background-color: #393838; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #338b00; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #58f100; background-color: rgba(88, 241, 0, 0.2); } + +flowbox > flowboxchild { padding: 3px; 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child { padding: 3px; 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: #EDF0F5; background-color: #323232; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(132, 201, 92, 0.7); color: #2a4606; } + +label > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); } + +label:disabled { color: #7c675a; } + +button label:disabled { color: inherit; } + +label.error { color: #CC0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #595757; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #75ff25; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #66cbec; border: none; background-color: rgba(32, 61, 121, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left, .entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right, .entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor, .entry > text > block-cursor { color: #323232; background-color: #EDF0F5; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat, .entry.flat:focus-within, .entry.flat:backdrop, .entry.flat:disabled, .entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #75ff25; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder, .entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled, .entry:disabled { color: #7c675a; border-color: #635349; background-color: #493e37; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection, .entry > text > selection { background-color: rgba(132, 201, 92, 0.7); color: transparent; } + +spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within, .entry > text > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); color: #EDF0F5; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection, .entry.error > selection { background-color: #CC0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection, .entry.warning > selection { background-color: #f57900; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image, .entry > image { color: #c8cace; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover, .entry > image:hover { color: #EDF0F5; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active, .entry > image:active { color: #75ff25; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator, .entry.password image.caps-lock-indicator { color: #838386; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active), .entry:drop(active):focus-within, .entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry, .osd .entry { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px _button_hilight_color(#3f3e3e); -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within, .osd .entry:focus-within { color: #66cbec; border-color: #75ff25; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px _button_hilight_color(#3f3e3e); } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled, .osd .entry:disabled { color: #4384b3; border-color: #66cbec; background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress, .entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress, .entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #75ff25; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + .entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .entry, .linked:not(.vertical) > .entry:drop(active) + button, .linked:not(.vertical) > .entry:drop(active) + menubutton > button, .linked:not(.vertical) > .entry:drop(active) + dropdown > button, .linked:not(.vertical) > .entry:drop(active) + colorbutton > button, .linked:not(.vertical) > .entry:drop(active) + fontbutton > button, .linked:not(.vertical) > .entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > .entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry, .linked:not(.vertical) > entry:drop(active) + .entry, spinbutton.vertical.linked:not(.vertical) > .entry:drop(active) + text, .linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > .entry:drop(active) + entry, .linked:not(.vertical) > .entry:drop(active) + .entry { border-left-color: #33d17a; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > .entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > .entry:not(:disabled) + text:not(:disabled), .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled, spinbutton.vertical.linked > .entry:disabled + text:disabled, .linked.vertical > .entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > .entry:disabled + entry:disabled { border-top-color: #3e3d3d; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child), spinbutton.vertical.linked > .entry + text:drop(active):not(:only-child), .linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > .entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo, spinbutton.vertical.linked > .entry:drop(active):not(:only-child) + text, .linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > .entry:drop(active):not(:only-child) + entry, .linked.vertical > .entry:drop(active):not(:only-child) + button, .linked.vertical > .entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > .entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #75ff25; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; } + +/****************************************************** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } + +button.sidebar-button, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:hover image, tabbar tab:hover image, notebook > header tabs > tab:hover image, notebook > header tabbar tabbox > tabboxchild:hover image, tabbar notebook > header tabbox > tabboxchild:hover image, notebook > header > tabs > arrow:hover image, columnview.view > header > button:hover image, treeview.view > header > button:hover image, dnd tab:hover arrow, tabbar tab:hover arrow, notebook > header tabs > tab:hover arrow, notebook > header tabbar tabbox > tabboxchild:hover arrow, tabbar notebook > header tabbox > tabboxchild:hover arrow, notebook > header > tabs > arrow:hover arrow, columnview.view > header > button:hover arrow, treeview.view > header > button:hover arrow, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, dnd tab:focus image, tabbar tab:focus image, notebook > header tabs > tab:focus image, notebook > header tabbar tabbox > tabboxchild:focus image, tabbar notebook > header tabbox > tabboxchild:focus image, notebook > header > tabs > arrow:focus image, columnview.view > header > button:focus image, treeview.view > header > button:focus image, dnd tab:focus arrow, tabbar tab:focus arrow, notebook > header tabs > tab:focus arrow, notebook > header tabbar tabbox > tabboxchild:focus arrow, tabbar notebook > header tabbox > tabboxchild:focus arrow, notebook > header > tabs > arrow:focus arrow, columnview.view > header > button:focus arrow, treeview.view > header > button:focus arrow, button:hover, button:hover image, button:hover arrow, button:focus, button:focus image, button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, button:active, button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, dnd tab:selected, tabbar tab:selected, notebook > header tabs > tab:selected, notebook > header tabbar tabbox > tabboxchild:selected, tabbar notebook > header tabbox > tabboxchild:selected, notebook > header > tabs > arrow:selected, columnview.view > header > button:selected, treeview.view > header > button:selected, dnd tab.has-open-popup, tabbar tab.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.has-open-popup, columnview.view > header > button.has-open-popup, treeview.view > header > button.has-open-popup, button:checked, button:selected, button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +button.sidebar-button:checked, button.sidebar-button:checked image, button.sidebar-button:checked arrow, button.sidebar-button:selected, button.sidebar-button:selected image, button.sidebar-button:selected arrow, button.has-open-popup.sidebar-button, button.has-open-popup.sidebar-button image, button.has-open-popup.sidebar-button arrow, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header dnd tab:checked, dnd notebook > header tab:checked, notebook > header tabbar tab:checked, tabbar notebook > header tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, dnd tab:checked image, tabbar tab:checked image, notebook > header tabs > tab:checked image, notebook > header dnd tab:checked image, dnd notebook > header tab:checked image, notebook > header tabbar tab:checked image, tabbar notebook > header tab:checked image, notebook > header tabbar tabbox > tabboxchild:checked image, tabbar notebook > header tabbox > tabboxchild:checked image, notebook > header > tabs > arrow:checked image, columnview.view > header > button:checked image, treeview.view > header > button:checked image, dnd tab:checked arrow, tabbar tab:checked arrow, notebook > header tabs > tab:checked arrow, notebook > header dnd tab:checked arrow, dnd notebook > header tab:checked arrow, notebook > header tabbar tab:checked arrow, tabbar notebook > header tab:checked arrow, notebook > header tabbar tabbox > tabboxchild:checked arrow, tabbar notebook > header tabbox > tabboxchild:checked arrow, notebook > header > tabs > arrow:checked arrow, columnview.view > header > button:checked arrow, treeview.view > header > button:checked arrow, dnd tab:selected, tabbar tab:selected, notebook > header tabs > tab:selected, notebook > header dnd tab:selected, dnd notebook > header tab:selected, notebook > header tabbar tab:selected, tabbar notebook > header tab:selected, notebook > header tabbar tabbox > tabboxchild:selected, tabbar notebook > header tabbox > tabboxchild:selected, notebook > header > tabs > arrow:selected, columnview.view > header > button:selected, treeview.view > header > button:selected, dnd tab:selected image, tabbar tab:selected image, notebook > header tabs > tab:selected image, notebook > header dnd tab:selected image, dnd notebook > header tab:selected image, notebook > header tabbar tab:selected image, tabbar notebook > header tab:selected image, notebook > header tabbar tabbox > tabboxchild:selected image, tabbar notebook > header tabbox > tabboxchild:selected image, notebook > header > tabs > arrow:selected image, columnview.view > header > button:selected image, treeview.view > header > button:selected image, dnd tab:selected arrow, tabbar tab:selected arrow, notebook > header tabs > tab:selected arrow, notebook > header dnd tab:selected arrow, dnd notebook > header tab:selected arrow, notebook > header tabbar tab:selected arrow, tabbar notebook > header tab:selected arrow, notebook > header tabbar tabbox > tabboxchild:selected arrow, tabbar notebook > header tabbox > tabboxchild:selected arrow, notebook > header > tabs > arrow:selected arrow, columnview.view > header > button:selected arrow, treeview.view > header > button:selected arrow, dnd tab.has-open-popup, tabbar tab.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.has-open-popup, columnview.view > header > button.has-open-popup, treeview.view > header > button.has-open-popup, dnd tab.has-open-popup image, tabbar tab.has-open-popup image, notebook > header tabs > tab.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.has-open-popup image, columnview.view > header > button.has-open-popup image, treeview.view > header > button.has-open-popup image, dnd tab.has-open-popup arrow, tabbar tab.has-open-popup arrow, notebook > header tabs > tab.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.has-open-popup arrow, columnview.view > header > button.has-open-popup arrow, treeview.view > header > button.has-open-popup arrow, button:checked, button:checked image, button:checked arrow, button:selected, button:selected image, button:selected arrow, button.has-open-popup, button.has-open-popup image, button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab:checked:hover, tabbar tab:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header tabbox > tabboxchild:checked:hover, notebook > header > tabs > arrow:checked:hover, dnd tab:checked:focus, tabbar tab:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header tabbox > tabboxchild:checked:focus, notebook > header > tabs > arrow:checked:focus, dnd tab:selected:hover, tabbar tab:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header tabbox > tabboxchild:selected:hover, notebook > header > tabs > arrow:selected:hover, dnd tab:selected:focus, tabbar tab:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header tabbox > tabboxchild:selected:focus, notebook > header > tabs > arrow:selected:focus, dnd tab.has-open-popup:hover, tabbar tab.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, dnd tab.has-open-popup:focus, tabbar tab.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, button:checked:hover, button:checked:focus, button:selected:hover, button:selected:focus, button.has-open-popup:hover, button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +button.sidebar-button:checked:hover, button.sidebar-button:checked:hover image, button.sidebar-button:checked:hover arrow, button.sidebar-button:checked:focus, button.sidebar-button:checked:focus image, button.sidebar-button:checked:focus arrow, button.sidebar-button:selected:hover, button.sidebar-button:selected:hover image, button.sidebar-button:selected:hover arrow, button.sidebar-button:selected:focus, button.sidebar-button:selected:focus image, button.sidebar-button:selected:focus arrow, button.has-open-popup.sidebar-button:hover, button.has-open-popup.sidebar-button:hover image, button.has-open-popup.sidebar-button:hover arrow, button.has-open-popup.sidebar-button:focus, button.has-open-popup.sidebar-button:focus image, button.has-open-popup.sidebar-button:focus arrow, dnd tab:checked:hover, tabbar tab:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header dnd tab:checked:hover, dnd notebook > header tab:checked:hover, notebook > header tabbar tab:checked:hover, tabbar notebook > header tab:checked:hover, notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header tabbox > tabboxchild:checked:hover, notebook > header > tabs > arrow:checked:hover, dnd tab:checked:hover image, tabbar tab:checked:hover image, notebook > header tabs > tab:checked:hover image, notebook > header dnd tab:checked:hover image, dnd notebook > header tab:checked:hover image, notebook > header tabbar tab:checked:hover image, tabbar notebook > header tab:checked:hover image, notebook > header tabbar tabbox > tabboxchild:checked:hover image, tabbar notebook > header tabbox > tabboxchild:checked:hover image, notebook > header > tabs > arrow:checked:hover image, dnd tab:checked:hover arrow, tabbar tab:checked:hover arrow, notebook > header tabs > tab:checked:hover arrow, notebook > header dnd tab:checked:hover arrow, dnd notebook > header tab:checked:hover arrow, notebook > header tabbar tab:checked:hover arrow, tabbar notebook > header tab:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild:checked:hover arrow, notebook > header > tabs > arrow:checked:hover arrow, dnd tab:checked:focus, tabbar tab:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header dnd tab:checked:focus, dnd notebook > header tab:checked:focus, notebook > header tabbar tab:checked:focus, tabbar notebook > header tab:checked:focus, notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header tabbox > tabboxchild:checked:focus, notebook > header > tabs > arrow:checked:focus, dnd tab:checked:focus image, tabbar tab:checked:focus image, notebook > header tabs > tab:checked:focus image, notebook > header dnd tab:checked:focus image, dnd notebook > header tab:checked:focus image, notebook > header tabbar tab:checked:focus image, tabbar notebook > header tab:checked:focus image, notebook > header tabbar tabbox > tabboxchild:checked:focus image, tabbar notebook > header tabbox > tabboxchild:checked:focus image, notebook > header > tabs > arrow:checked:focus image, dnd tab:checked:focus arrow, tabbar tab:checked:focus arrow, notebook > header tabs > tab:checked:focus arrow, notebook > header dnd tab:checked:focus arrow, dnd notebook > header tab:checked:focus arrow, notebook > header tabbar tab:checked:focus arrow, tabbar notebook > header tab:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild:checked:focus arrow, notebook > header > tabs > arrow:checked:focus arrow, dnd tab:selected:hover, tabbar tab:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header dnd tab:selected:hover, dnd notebook > header tab:selected:hover, notebook > header tabbar tab:selected:hover, tabbar notebook > header tab:selected:hover, notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header tabbox > tabboxchild:selected:hover, notebook > header > tabs > arrow:selected:hover, dnd tab:selected:hover image, tabbar tab:selected:hover image, notebook > header tabs > tab:selected:hover image, notebook > header dnd tab:selected:hover image, dnd notebook > header tab:selected:hover image, notebook > header tabbar tab:selected:hover image, tabbar notebook > header tab:selected:hover image, notebook > header tabbar tabbox > tabboxchild:selected:hover image, tabbar notebook > header tabbox > tabboxchild:selected:hover image, notebook > header > tabs > arrow:selected:hover image, dnd tab:selected:hover arrow, tabbar tab:selected:hover arrow, notebook > header tabs > tab:selected:hover arrow, notebook > header dnd tab:selected:hover arrow, dnd notebook > header tab:selected:hover arrow, notebook > header tabbar tab:selected:hover arrow, tabbar notebook > header tab:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild:selected:hover arrow, notebook > header > tabs > arrow:selected:hover arrow, dnd tab:selected:focus, tabbar tab:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header dnd tab:selected:focus, dnd notebook > header tab:selected:focus, notebook > header tabbar tab:selected:focus, tabbar notebook > header tab:selected:focus, notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header tabbox > tabboxchild:selected:focus, notebook > header > tabs > arrow:selected:focus, dnd tab:selected:focus image, tabbar tab:selected:focus image, notebook > header tabs > tab:selected:focus image, notebook > header dnd tab:selected:focus image, dnd notebook > header tab:selected:focus image, notebook > header tabbar tab:selected:focus image, tabbar notebook > header tab:selected:focus image, notebook > header tabbar tabbox > tabboxchild:selected:focus image, tabbar notebook > header tabbox > tabboxchild:selected:focus image, notebook > header > tabs > arrow:selected:focus image, dnd tab:selected:focus arrow, tabbar tab:selected:focus arrow, notebook > header tabs > tab:selected:focus arrow, notebook > header dnd tab:selected:focus arrow, dnd notebook > header tab:selected:focus arrow, notebook > header tabbar tab:selected:focus arrow, tabbar notebook > header tab:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild:selected:focus arrow, notebook > header > tabs > arrow:selected:focus arrow, dnd tab.has-open-popup:hover, tabbar tab.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, dnd tab.has-open-popup:hover image, tabbar tab.has-open-popup:hover image, notebook > header tabs > tab.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.has-open-popup:hover image, dnd tab.has-open-popup:hover arrow, tabbar tab.has-open-popup:hover arrow, notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.has-open-popup:hover arrow, dnd tab.has-open-popup:focus, tabbar tab.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, dnd tab.has-open-popup:focus image, tabbar tab.has-open-popup:focus image, notebook > header tabs > tab.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.has-open-popup:focus image, dnd tab.has-open-popup:focus arrow, tabbar tab.has-open-popup:focus arrow, notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.has-open-popup:focus arrow, button:checked:hover, button:checked:hover image, button:checked:hover arrow, button:checked:focus, button:checked:focus image, button:checked:focus arrow, button:selected:hover, button:selected:hover image, button:selected:hover arrow, button:selected:focus, button:selected:focus image, button:selected:focus arrow, button.has-open-popup:hover, button.has-open-popup:hover image, button.has-open-popup:hover arrow, button.has-open-popup:focus, button.has-open-popup:focus image, button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab:disabled, tabbar tab:disabled, notebook > header tabs > tab:disabled, notebook > header tabbar tabbox > tabboxchild:disabled, tabbar notebook > header tabbox > tabboxchild:disabled, notebook > header > tabs > arrow:disabled, columnview.view > header > button:disabled, treeview.view > header > button:disabled, button:disabled, button:disabled:checked, button:disabled:selected, button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +button.sidebar-button, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { outline: 0 solid transparent; outline-offset: 4px; } + +dnd tab:focus:focus-visible, tabbar tab:focus:focus-visible, notebook > header tabs > tab:focus:focus-visible, notebook > header tabbar tabbox > tabboxchild:focus:focus-visible, tabbar notebook > header tabbox > tabboxchild:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +dnd tab.image-button, tabbar tab.image-button, notebook > header tabs > tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.image-button, columnview.view > header > button.image-button, treeview.view > header > button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +dnd tab.text-button, tabbar tab.text-button, notebook > header tabs > tab.text-button, notebook > header tabbar tabbox > tabboxchild.text-button, tabbar notebook > header tabbox > tabboxchild.text-button, notebook > header > tabs > arrow.text-button, columnview.view > header > button.text-button, treeview.view > header > button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +dnd tab.text-button.image-button, tabbar tab.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +dnd tab.text-button.image-button label, tabbar tab.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header dnd tab.image-button label, dnd notebook > header tab.image-button label, notebook > header tabbar tab.image-button label, tabbar notebook > header tab.image-button label, notebook > header tabbar tabbox > tabboxchild.image-button label, tabbar notebook > header tabbox > tabboxchild.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +dnd tab.arrow-button, tabbar tab.arrow-button, notebook > header tabs > tab.arrow-button, notebook > header tabbar tabbox > tabboxchild.arrow-button, tabbar notebook > header tabbox > tabboxchild.arrow-button, notebook > header > tabs > arrow.arrow-button, columnview.view > header > button.arrow-button, treeview.view > header > button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +dnd tab.arrow-button > box, tabbar tab.arrow-button > box, notebook > header tabs > tab.arrow-button > box, dnd notebook > header tab.arrow-button > box, tabbar notebook > header tab.arrow-button > box, notebook > header tabbar tabbox > tabboxchild.arrow-button > box, tabbar notebook > header tabbox > tabboxchild.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, columnview.view > header > button.arrow-button > box, treeview.view > header > button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, dnd tab:drop(active), tabbar tab:drop(active), notebook > header tabs > tab:drop(active), notebook > header tabbar tabbox > tabboxchild:drop(active), tabbar notebook > header tabbox > tabboxchild:drop(active), notebook > header > tabs > arrow:drop(active), columnview.view > header > button:drop(active), treeview.view > header > button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +dnd tab.small-button, tabbar tab.small-button, notebook > header tabs > tab.small-button, notebook > header tabbar tabbox > tabboxchild.small-button, tabbar notebook > header tabbox > tabboxchild.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } + +dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, dnd tab.osd:focus, tabbar tab.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header tabbar tabbox > tabboxchild.osd:focus, tabbar notebook > header tabbox > tabboxchild.osd:focus, notebook > header > tabs > arrow.osd:focus, button.osd:hover, button.osd:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, dnd tab.osd:hover image, tabbar tab.osd:hover image, notebook > header tabs > tab.osd:hover image, notebook > header tabbar tabbox > tabboxchild.osd:hover image, tabbar notebook > header tabbox > tabboxchild.osd:hover image, notebook > header > tabs > arrow.osd:hover image, dnd tab.osd:hover arrow, tabbar tab.osd:hover arrow, notebook > header tabs > tab.osd:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:hover arrow, notebook > header > tabs > arrow.osd:hover arrow, dnd tab.osd:focus, tabbar tab.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header tabbar tabbox > tabboxchild.osd:focus, tabbar notebook > header tabbox > tabboxchild.osd:focus, notebook > header > tabs > arrow.osd:focus, dnd tab.osd:focus image, tabbar tab.osd:focus image, notebook > header tabs > tab.osd:focus image, notebook > header tabbar tabbox > tabboxchild.osd:focus image, tabbar notebook > header tabbox > tabboxchild.osd:focus image, notebook > header > tabs > arrow.osd:focus image, dnd tab.osd:focus arrow, tabbar tab.osd:focus arrow, notebook > header tabs > tab.osd:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:focus arrow, notebook > header > tabs > arrow.osd:focus arrow, button.osd:hover, button.osd:hover image, button.osd:hover arrow, button.osd:focus, button.osd:focus image, button.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd.keyboard-activating, tabbar tab.osd.keyboard-activating, notebook > header tabs > tab.osd.keyboard-activating, notebook > header dnd tab.keyboard-activating, dnd notebook > header tab.keyboard-activating, notebook > header tabbar tab.keyboard-activating, tabbar notebook > header tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.osd.keyboard-activating, button.osd:active, button.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, dnd tab.osd:selected, tabbar tab.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header tabbox > tabboxchild.osd:selected, notebook > header > tabs > arrow.osd:selected, dnd tab.osd.has-open-popup, tabbar tab.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, button.osd:checked, button.osd:selected, button.osd.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header dnd tab.osd:checked, dnd notebook > header tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, dnd tab.osd:checked image, tabbar tab.osd:checked image, notebook > header tabs > tab.osd:checked image, notebook > header dnd tab.osd:checked image, dnd notebook > header tab.osd:checked image, notebook > header tabbar tabbox > tabboxchild.osd:checked image, tabbar notebook > header tabbox > tabboxchild.osd:checked image, notebook > header > tabs > arrow.osd:checked image, dnd tab.osd:checked arrow, tabbar tab.osd:checked arrow, notebook > header tabs > tab.osd:checked arrow, notebook > header dnd tab.osd:checked arrow, dnd notebook > header tab.osd:checked arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked arrow, notebook > header > tabs > arrow.osd:checked arrow, dnd tab.osd:selected, tabbar tab.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header dnd tab.osd:selected, dnd notebook > header tab.osd:selected, notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header tabbox > tabboxchild.osd:selected, notebook > header > tabs > arrow.osd:selected, dnd tab.osd:selected image, tabbar tab.osd:selected image, notebook > header tabs > tab.osd:selected image, notebook > header dnd tab.osd:selected image, dnd notebook > header tab.osd:selected image, notebook > header tabbar tabbox > tabboxchild.osd:selected image, tabbar notebook > header tabbox > tabboxchild.osd:selected image, notebook > header > tabs > arrow.osd:selected image, dnd tab.osd:selected arrow, tabbar tab.osd:selected arrow, notebook > header tabs > tab.osd:selected arrow, notebook > header dnd tab.osd:selected arrow, dnd notebook > header tab.osd:selected arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected arrow, notebook > header > tabs > arrow.osd:selected arrow, dnd tab.osd.has-open-popup, tabbar tab.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, dnd tab.osd.has-open-popup image, tabbar tab.osd.has-open-popup image, notebook > header tabs > tab.osd.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.osd.has-open-popup image, dnd tab.osd.has-open-popup arrow, tabbar tab.osd.has-open-popup arrow, notebook > header tabs > tab.osd.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.osd.has-open-popup arrow, button.osd:checked, button.osd:checked image, button.osd:checked arrow, button.osd:selected, button.osd:selected image, button.osd:selected arrow, button.osd.has-open-popup, button.osd.has-open-popup image, button.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab.osd:checked:hover, tabbar tab.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, dnd tab.osd:checked:focus, tabbar tab.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, dnd tab.osd:selected:hover, tabbar tab.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, dnd tab.osd:selected:focus, tabbar tab.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, dnd tab.osd.has-open-popup:hover, tabbar tab.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, dnd tab.osd.has-open-popup:focus, tabbar tab.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, button.osd:checked:hover, button.osd:checked:focus, button.osd:selected:hover, button.osd:selected:focus, button.osd.has-open-popup:hover, button.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +dnd tab.osd:checked:hover, tabbar tab.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header dnd tab.osd:checked:hover, dnd notebook > header tab.osd:checked:hover, notebook > header tabbar tab.osd:checked:hover, tabbar notebook > header tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, dnd tab.osd:checked:hover image, tabbar tab.osd:checked:hover image, notebook > header tabs > tab.osd:checked:hover image, notebook > header dnd tab.osd:checked:hover image, dnd notebook > header tab.osd:checked:hover image, notebook > header tabbar tab.osd:checked:hover image, tabbar notebook > header tab.osd:checked:hover image, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header > tabs > arrow.osd:checked:hover image, dnd tab.osd:checked:hover arrow, tabbar tab.osd:checked:hover arrow, notebook > header tabs > tab.osd:checked:hover arrow, notebook > header dnd tab.osd:checked:hover arrow, dnd notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tab.osd:checked:hover arrow, tabbar notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header > tabs > arrow.osd:checked:hover arrow, dnd tab.osd:checked:focus, tabbar tab.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header dnd tab.osd:checked:focus, dnd notebook > header tab.osd:checked:focus, notebook > header tabbar tab.osd:checked:focus, tabbar notebook > header tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, dnd tab.osd:checked:focus image, tabbar tab.osd:checked:focus image, notebook > header tabs > tab.osd:checked:focus image, notebook > header dnd tab.osd:checked:focus image, dnd notebook > header tab.osd:checked:focus image, notebook > header tabbar tab.osd:checked:focus image, tabbar notebook > header tab.osd:checked:focus image, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header > tabs > arrow.osd:checked:focus image, dnd tab.osd:checked:focus arrow, tabbar tab.osd:checked:focus arrow, notebook > header tabs > tab.osd:checked:focus arrow, notebook > header dnd tab.osd:checked:focus arrow, dnd notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tab.osd:checked:focus arrow, tabbar notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header > tabs > arrow.osd:checked:focus arrow, dnd tab.osd:selected:hover, tabbar tab.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header dnd tab.osd:selected:hover, dnd notebook > header tab.osd:selected:hover, notebook > header tabbar tab.osd:selected:hover, tabbar notebook > header tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, dnd tab.osd:selected:hover image, tabbar tab.osd:selected:hover image, notebook > header tabs > tab.osd:selected:hover image, notebook > header dnd tab.osd:selected:hover image, dnd notebook > header tab.osd:selected:hover image, notebook > header tabbar tab.osd:selected:hover image, tabbar notebook > header tab.osd:selected:hover image, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header > tabs > arrow.osd:selected:hover image, dnd tab.osd:selected:hover arrow, tabbar tab.osd:selected:hover arrow, notebook > header tabs > tab.osd:selected:hover arrow, notebook > header dnd tab.osd:selected:hover arrow, dnd notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tab.osd:selected:hover arrow, tabbar notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header > tabs > arrow.osd:selected:hover arrow, dnd tab.osd:selected:focus, tabbar tab.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header dnd tab.osd:selected:focus, dnd notebook > header tab.osd:selected:focus, notebook > header tabbar tab.osd:selected:focus, tabbar notebook > header tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, dnd tab.osd:selected:focus image, tabbar tab.osd:selected:focus image, notebook > header tabs > tab.osd:selected:focus image, notebook > header dnd tab.osd:selected:focus image, dnd notebook > header tab.osd:selected:focus image, notebook > header tabbar tab.osd:selected:focus image, tabbar notebook > header tab.osd:selected:focus image, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header > tabs > arrow.osd:selected:focus image, dnd tab.osd:selected:focus arrow, tabbar tab.osd:selected:focus arrow, notebook > header tabs > tab.osd:selected:focus arrow, notebook > header dnd tab.osd:selected:focus arrow, dnd notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tab.osd:selected:focus arrow, tabbar notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header > tabs > arrow.osd:selected:focus arrow, dnd tab.osd.has-open-popup:hover, tabbar tab.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, dnd tab.osd.has-open-popup:hover image, tabbar tab.osd.has-open-popup:hover image, notebook > header tabs > tab.osd.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.osd.has-open-popup:hover image, dnd tab.osd.has-open-popup:hover arrow, tabbar tab.osd.has-open-popup:hover arrow, notebook > header tabs > tab.osd.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.osd.has-open-popup:hover arrow, dnd tab.osd.has-open-popup:focus, tabbar tab.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, dnd tab.osd.has-open-popup:focus image, tabbar tab.osd.has-open-popup:focus image, notebook > header tabs > tab.osd.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.osd.has-open-popup:focus image, dnd tab.osd.has-open-popup:focus arrow, tabbar tab.osd.has-open-popup:focus arrow, notebook > header tabs > tab.osd.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.osd.has-open-popup:focus arrow, button.osd:checked:hover, button.osd:checked:hover image, button.osd:checked:hover arrow, button.osd:checked:focus, button.osd:checked:focus image, button.osd:checked:focus arrow, button.osd:selected:hover, button.osd:selected:hover image, button.osd:selected:hover arrow, button.osd:selected:focus, button.osd:selected:focus image, button.osd:selected:focus arrow, button.osd.has-open-popup:hover, button.osd.has-open-popup:hover image, button.osd.has-open-popup:hover arrow, button.osd.has-open-popup:focus, button.osd.has-open-popup:focus image, button.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, button.osd:disabled, button.osd:disabled:checked, button.osd:disabled:selected, button.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd tab.osd.image-button, tabbar tab.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } + +dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, notebook > header tabs > tab.osd.image-button:only-child, notebook > header dnd tab.image-button:only-child, dnd notebook > header tab.image-button:only-child, notebook > header tabbar tab.image-button:only-child, tabbar notebook > header tab.image-button:only-child, notebook > header tabbar tabbox > tabboxchild.image-button:only-child, tabbar notebook > header tabbox > tabboxchild.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd dnd tab:focus, dnd .osd tab:focus, .osd tabbar tab:focus, tabbar .osd tab:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header tabbar tabbox > tabboxchild:focus, tabbar .osd notebook > header tabbox > tabboxchild:focus, notebook > header .osd tabbar tabbox > tabboxchild:focus, tabbar notebook > header .osd tabbox > tabboxchild:focus, .osd notebook > header > tabs > arrow:focus, .osd button:hover, .osd button:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover image, popover.background.touch-selection button:hover image, popover.background.magnifier button:hover image, .app-notification button:hover arrow, popover.background.touch-selection button:hover arrow, popover.background.magnifier button:hover arrow, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .app-notification button:focus image, popover.background.touch-selection button:focus image, popover.background.magnifier button:focus image, .app-notification button:focus arrow, popover.background.touch-selection button:focus arrow, popover.background.magnifier button:focus arrow, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header dnd tab:hover, dnd .osd notebook > header tab:hover, .osd notebook > header tabbar tab:hover, tabbar .osd notebook > header tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd dnd tab:hover, dnd notebook > header .osd tab:hover, notebook > header .osd tabbar tab:hover, tabbar notebook > header .osd tab:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd dnd tab:hover image, dnd .osd tab:hover image, .osd tabbar tab:hover image, tabbar .osd tab:hover image, .osd notebook > header tabs > tab:hover image, notebook > header .osd tabs > tab:hover image, .osd notebook > header dnd tab:hover image, dnd .osd notebook > header tab:hover image, .osd notebook > header tabbar tab:hover image, tabbar .osd notebook > header tab:hover image, .osd notebook > header tabbar tabbox > tabboxchild:hover image, tabbar .osd notebook > header tabbox > tabboxchild:hover image, notebook > header .osd dnd tab:hover image, dnd notebook > header .osd tab:hover image, notebook > header .osd tabbar tab:hover image, tabbar notebook > header .osd tab:hover image, notebook > header .osd tabbar tabbox > tabboxchild:hover image, tabbar notebook > header .osd tabbox > tabboxchild:hover image, .osd notebook > header > tabs > arrow:hover image, .osd dnd tab:hover arrow, dnd .osd tab:hover arrow, .osd tabbar tab:hover arrow, tabbar .osd tab:hover arrow, .osd notebook > header tabs > tab:hover arrow, notebook > header .osd tabs > tab:hover arrow, .osd notebook > header dnd tab:hover arrow, dnd .osd notebook > header tab:hover arrow, .osd notebook > header tabbar tab:hover arrow, tabbar .osd notebook > header tab:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild:hover arrow, notebook > header .osd dnd tab:hover arrow, dnd notebook > header .osd tab:hover arrow, notebook > header .osd tabbar tab:hover arrow, tabbar notebook > header .osd tab:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild:hover arrow, .osd notebook > header > tabs > arrow:hover arrow, .osd dnd tab:focus, dnd .osd tab:focus, .osd tabbar tab:focus, tabbar .osd tab:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header dnd tab:focus, dnd .osd notebook > header tab:focus, .osd notebook > header tabbar tab:focus, tabbar .osd notebook > header tab:focus, .osd notebook > header tabbar tabbox > tabboxchild:focus, tabbar .osd notebook > header tabbox > tabboxchild:focus, notebook > header .osd dnd tab:focus, dnd notebook > header .osd tab:focus, notebook > header .osd tabbar tab:focus, tabbar notebook > header .osd tab:focus, notebook > header .osd tabbar tabbox > tabboxchild:focus, tabbar notebook > header .osd tabbox > tabboxchild:focus, .osd notebook > header > tabs > arrow:focus, .osd dnd tab:focus image, dnd .osd tab:focus image, .osd tabbar tab:focus image, tabbar .osd tab:focus image, .osd notebook > header tabs > tab:focus image, notebook > header .osd tabs > tab:focus image, .osd notebook > header dnd tab:focus image, dnd .osd notebook > header tab:focus image, .osd notebook > header tabbar tab:focus image, tabbar .osd notebook > header tab:focus image, .osd notebook > header tabbar tabbox > tabboxchild:focus image, tabbar .osd notebook > header tabbox > tabboxchild:focus image, notebook > header .osd dnd tab:focus image, dnd notebook > header .osd tab:focus image, notebook > header .osd tabbar tab:focus image, tabbar notebook > header .osd tab:focus image, notebook > header .osd tabbar tabbox > tabboxchild:focus image, tabbar notebook > header .osd tabbox > tabboxchild:focus image, .osd notebook > header > tabs > arrow:focus image, .osd dnd tab:focus arrow, dnd .osd tab:focus arrow, .osd tabbar tab:focus arrow, tabbar .osd tab:focus arrow, .osd notebook > header tabs > tab:focus arrow, notebook > header .osd tabs > tab:focus arrow, .osd notebook > header dnd tab:focus arrow, dnd .osd notebook > header tab:focus arrow, .osd notebook > header tabbar tab:focus arrow, tabbar .osd notebook > header tab:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild:focus arrow, notebook > header .osd dnd tab:focus arrow, dnd notebook > header .osd tab:focus arrow, notebook > header .osd tabbar tab:focus arrow, tabbar notebook > header .osd tab:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild:focus arrow, .osd notebook > header > tabs > arrow:focus arrow, .osd button:hover, .osd button:hover image, .osd button:hover arrow, .osd button:focus, .osd button:focus image, .osd button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button.keyboard-activating, popover.background.touch-selection button.keyboard-activating, popover.background.magnifier button.keyboard-activating, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab.keyboard-activating, dnd .osd tab.keyboard-activating, .osd tabbar tab.keyboard-activating, tabbar .osd tab.keyboard-activating, .osd notebook > header tabs > tab.keyboard-activating, notebook > header .osd tabs > tab.keyboard-activating, .osd notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar .osd notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header .osd tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header .osd tabbox > tabboxchild.keyboard-activating, .osd notebook > header > tabs > arrow.keyboard-activating, .osd button:active, .osd button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd dnd tab:selected, dnd .osd tab:selected, .osd tabbar tab:selected, tabbar .osd tab:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header tabbar tabbox > tabboxchild:selected, tabbar .osd notebook > header tabbox > tabboxchild:selected, notebook > header .osd tabbar tabbox > tabboxchild:selected, tabbar notebook > header .osd tabbox > tabboxchild:selected, .osd notebook > header > tabs > arrow:selected, .osd dnd tab.has-open-popup, dnd .osd tab.has-open-popup, .osd tabbar tab.has-open-popup, tabbar .osd tab.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd button:checked, .osd button:selected, .osd button.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked image, popover.background.touch-selection button:checked image, popover.background.magnifier button:checked image, .app-notification button:checked arrow, popover.background.touch-selection button:checked arrow, popover.background.magnifier button:checked arrow, .app-notification button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button:selected image, popover.background.touch-selection button:selected image, popover.background.magnifier button:selected image, .app-notification button:selected arrow, popover.background.touch-selection button:selected arrow, popover.background.magnifier button:selected arrow, .app-notification button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .app-notification button.has-open-popup image, popover.background.touch-selection button.has-open-popup image, popover.background.magnifier button.has-open-popup image, .app-notification button.has-open-popup arrow, popover.background.touch-selection button.has-open-popup arrow, popover.background.magnifier button.has-open-popup arrow, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header dnd tab:checked, dnd .osd notebook > header tab:checked, .osd notebook > header tabbar tab:checked, tabbar .osd notebook > header tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd dnd tab:checked, dnd notebook > header .osd tab:checked, notebook > header .osd tabbar tab:checked, tabbar notebook > header .osd tab:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd dnd tab:checked image, dnd .osd tab:checked image, .osd tabbar tab:checked image, tabbar .osd tab:checked image, .osd notebook > header tabs > tab:checked image, notebook > header .osd tabs > tab:checked image, .osd notebook > header dnd tab:checked image, dnd .osd notebook > header tab:checked image, .osd notebook > header tabbar tab:checked image, tabbar .osd notebook > header tab:checked image, .osd notebook > header tabbar tabbox > tabboxchild:checked image, tabbar .osd notebook > header tabbox > tabboxchild:checked image, notebook > header .osd dnd tab:checked image, dnd notebook > header .osd tab:checked image, notebook > header .osd tabbar tab:checked image, tabbar notebook > header .osd tab:checked image, notebook > header .osd tabbar tabbox > tabboxchild:checked image, tabbar notebook > header .osd tabbox > tabboxchild:checked image, .osd notebook > header > tabs > arrow:checked image, .osd dnd tab:checked arrow, dnd .osd tab:checked arrow, .osd tabbar tab:checked arrow, tabbar .osd tab:checked arrow, .osd notebook > header tabs > tab:checked arrow, notebook > header .osd tabs > tab:checked arrow, .osd notebook > header dnd tab:checked arrow, dnd .osd notebook > header tab:checked arrow, .osd notebook > header tabbar tab:checked arrow, tabbar .osd notebook > header tab:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild:checked arrow, notebook > header .osd dnd tab:checked arrow, dnd notebook > header .osd tab:checked arrow, notebook > header .osd tabbar tab:checked arrow, tabbar notebook > header .osd tab:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild:checked arrow, .osd notebook > header > tabs > arrow:checked arrow, .osd dnd tab:selected, dnd .osd tab:selected, .osd tabbar tab:selected, tabbar .osd tab:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header dnd tab:selected, dnd .osd notebook > header tab:selected, .osd notebook > header tabbar tab:selected, tabbar .osd notebook > header tab:selected, .osd notebook > header tabbar tabbox > tabboxchild:selected, tabbar .osd notebook > header tabbox > tabboxchild:selected, notebook > header .osd dnd tab:selected, dnd notebook > header .osd tab:selected, notebook > header .osd tabbar tab:selected, tabbar notebook > header .osd tab:selected, notebook > header .osd tabbar tabbox > tabboxchild:selected, tabbar notebook > header .osd tabbox > tabboxchild:selected, .osd notebook > header > tabs > arrow:selected, .osd dnd tab:selected image, dnd .osd tab:selected image, .osd tabbar tab:selected image, tabbar .osd tab:selected image, .osd notebook > header tabs > tab:selected image, notebook > header .osd tabs > tab:selected image, .osd notebook > header dnd tab:selected image, dnd .osd notebook > header tab:selected image, .osd notebook > header tabbar tab:selected image, tabbar .osd notebook > header tab:selected image, .osd notebook > header tabbar tabbox > tabboxchild:selected image, tabbar .osd notebook > header tabbox > tabboxchild:selected image, notebook > header .osd dnd tab:selected image, dnd notebook > header .osd tab:selected image, notebook > header .osd tabbar tab:selected image, tabbar notebook > header .osd tab:selected image, notebook > header .osd tabbar tabbox > tabboxchild:selected image, tabbar notebook > header .osd tabbox > tabboxchild:selected image, .osd notebook > header > tabs > arrow:selected image, .osd dnd tab:selected arrow, dnd .osd tab:selected arrow, .osd tabbar tab:selected arrow, tabbar .osd tab:selected arrow, .osd notebook > header tabs > tab:selected arrow, notebook > header .osd tabs > tab:selected arrow, .osd notebook > header dnd tab:selected arrow, dnd .osd notebook > header tab:selected arrow, .osd notebook > header tabbar tab:selected arrow, tabbar .osd notebook > header tab:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild:selected arrow, notebook > header .osd dnd tab:selected arrow, dnd notebook > header .osd tab:selected arrow, notebook > header .osd tabbar tab:selected arrow, tabbar notebook > header .osd tab:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild:selected arrow, .osd notebook > header > tabs > arrow:selected arrow, .osd dnd tab.has-open-popup, dnd .osd tab.has-open-popup, .osd tabbar tab.has-open-popup, tabbar .osd tab.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd dnd tab.has-open-popup image, dnd .osd tab.has-open-popup image, .osd tabbar tab.has-open-popup image, tabbar .osd tab.has-open-popup image, .osd notebook > header tabs > tab.has-open-popup image, notebook > header .osd tabs > tab.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd notebook > header > tabs > arrow.has-open-popup image, .osd dnd tab.has-open-popup arrow, dnd .osd tab.has-open-popup arrow, .osd tabbar tab.has-open-popup arrow, tabbar .osd tab.has-open-popup arrow, .osd notebook > header tabs > tab.has-open-popup arrow, notebook > header .osd tabs > tab.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd notebook > header > tabs > arrow.has-open-popup arrow, .osd button:checked, .osd button:checked image, .osd button:checked arrow, .osd button:selected, .osd button:selected image, .osd button:selected arrow, .osd button.has-open-popup, .osd button.has-open-popup image, .osd button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.app-notification button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .osd dnd tab:checked:hover, dnd .osd tab:checked:hover, .osd tabbar tab:checked:hover, tabbar .osd tab:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header dnd tab:checked:hover, dnd .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tab:checked:hover, tabbar .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover, notebook > header .osd dnd tab:checked:hover, dnd notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tab:checked:hover, tabbar notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd dnd tab:checked:focus, dnd .osd tab:checked:focus, .osd tabbar tab:checked:focus, tabbar .osd tab:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header dnd tab:checked:focus, dnd .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tab:checked:focus, tabbar .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus, notebook > header .osd dnd tab:checked:focus, dnd notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tab:checked:focus, tabbar notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd dnd tab:selected:hover, dnd .osd tab:selected:hover, .osd tabbar tab:selected:hover, tabbar .osd tab:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header dnd tab:selected:hover, dnd .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tab:selected:hover, tabbar .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover, notebook > header .osd dnd tab:selected:hover, dnd notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tab:selected:hover, tabbar notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd dnd tab:selected:focus, dnd .osd tab:selected:focus, .osd tabbar tab:selected:focus, tabbar .osd tab:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header dnd tab:selected:focus, dnd .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tab:selected:focus, tabbar .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus, notebook > header .osd dnd tab:selected:focus, dnd notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tab:selected:focus, tabbar notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd dnd tab.has-open-popup:hover, dnd .osd tab.has-open-popup:hover, .osd tabbar tab.has-open-popup:hover, tabbar .osd tab.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd dnd tab.has-open-popup:focus, dnd .osd tab.has-open-popup:focus, .osd tabbar tab.has-open-popup:focus, tabbar .osd tab.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd button:checked:hover, .osd button:checked:focus, .osd button:selected:hover, .osd button:selected:focus, .osd button.has-open-popup:hover, .osd button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.app-notification button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:hover image, popover.background.touch-selection button:checked:hover image, popover.background.magnifier button:checked:hover image, .app-notification button:checked:hover arrow, popover.background.touch-selection button:checked:hover arrow, popover.background.magnifier button:checked:hover arrow, .app-notification button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:checked:focus image, popover.background.touch-selection button:checked:focus image, popover.background.magnifier button:checked:focus image, .app-notification button:checked:focus arrow, popover.background.touch-selection button:checked:focus arrow, popover.background.magnifier button:checked:focus arrow, .app-notification button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:hover image, popover.background.touch-selection button:selected:hover image, popover.background.magnifier button:selected:hover image, .app-notification button:selected:hover arrow, popover.background.touch-selection button:selected:hover arrow, popover.background.magnifier button:selected:hover arrow, .app-notification button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button:selected:focus image, popover.background.touch-selection button:selected:focus image, popover.background.magnifier button:selected:focus image, .app-notification button:selected:focus arrow, popover.background.touch-selection button:selected:focus arrow, popover.background.magnifier button:selected:focus arrow, .app-notification button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:hover image, popover.background.touch-selection button.has-open-popup:hover image, popover.background.magnifier button.has-open-popup:hover image, .app-notification button.has-open-popup:hover arrow, popover.background.touch-selection button.has-open-popup:hover arrow, popover.background.magnifier button.has-open-popup:hover arrow, .app-notification button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .app-notification button.has-open-popup:focus image, popover.background.touch-selection button.has-open-popup:focus image, popover.background.magnifier button.has-open-popup:focus image, .app-notification button.has-open-popup:focus arrow, popover.background.touch-selection button.has-open-popup:focus arrow, popover.background.magnifier button.has-open-popup:focus arrow, .osd dnd tab:checked:hover, dnd .osd tab:checked:hover, .osd tabbar tab:checked:hover, tabbar .osd tab:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header dnd tab:checked:hover, dnd .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tab:checked:hover, tabbar .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover, notebook > header .osd dnd tab:checked:hover, dnd notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tab:checked:hover, tabbar notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd dnd tab:checked:hover image, dnd .osd tab:checked:hover image, .osd tabbar tab:checked:hover image, tabbar .osd tab:checked:hover image, .osd notebook > header tabs > tab:checked:hover image, notebook > header .osd tabs > tab:checked:hover image, .osd notebook > header dnd tab:checked:hover image, dnd .osd notebook > header tab:checked:hover image, .osd notebook > header tabbar tab:checked:hover image, tabbar .osd notebook > header tab:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover image, notebook > header .osd dnd tab:checked:hover image, dnd notebook > header .osd tab:checked:hover image, notebook > header .osd tabbar tab:checked:hover image, tabbar notebook > header .osd tab:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover image, .osd notebook > header > tabs > arrow:checked:hover image, .osd dnd tab:checked:hover arrow, dnd .osd tab:checked:hover arrow, .osd tabbar tab:checked:hover arrow, tabbar .osd tab:checked:hover arrow, .osd notebook > header tabs > tab:checked:hover arrow, notebook > header .osd tabs > tab:checked:hover arrow, .osd notebook > header dnd tab:checked:hover arrow, dnd .osd notebook > header tab:checked:hover arrow, .osd notebook > header tabbar tab:checked:hover arrow, tabbar .osd notebook > header tab:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover arrow, notebook > header .osd dnd tab:checked:hover arrow, dnd notebook > header .osd tab:checked:hover arrow, notebook > header .osd tabbar tab:checked:hover arrow, tabbar notebook > header .osd tab:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover arrow, .osd notebook > header > tabs > arrow:checked:hover arrow, .osd dnd tab:checked:focus, dnd .osd tab:checked:focus, .osd tabbar tab:checked:focus, tabbar .osd tab:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header dnd tab:checked:focus, dnd .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tab:checked:focus, tabbar .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus, notebook > header .osd dnd tab:checked:focus, dnd notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tab:checked:focus, tabbar notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd dnd tab:checked:focus image, dnd .osd tab:checked:focus image, .osd tabbar tab:checked:focus image, tabbar .osd tab:checked:focus image, .osd notebook > header tabs > tab:checked:focus image, notebook > header .osd tabs > tab:checked:focus image, .osd notebook > header dnd tab:checked:focus image, dnd .osd notebook > header tab:checked:focus image, .osd notebook > header tabbar tab:checked:focus image, tabbar .osd notebook > header tab:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus image, notebook > header .osd dnd tab:checked:focus image, dnd notebook > header .osd tab:checked:focus image, notebook > header .osd tabbar tab:checked:focus image, tabbar notebook > header .osd tab:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus image, .osd notebook > header > tabs > arrow:checked:focus image, .osd dnd tab:checked:focus arrow, dnd .osd tab:checked:focus arrow, .osd tabbar tab:checked:focus arrow, tabbar .osd tab:checked:focus arrow, .osd notebook > header tabs > tab:checked:focus arrow, notebook > header .osd tabs > tab:checked:focus arrow, .osd notebook > header dnd tab:checked:focus arrow, dnd .osd notebook > header tab:checked:focus arrow, .osd notebook > header tabbar tab:checked:focus arrow, tabbar .osd notebook > header tab:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus arrow, notebook > header .osd dnd tab:checked:focus arrow, dnd notebook > header .osd tab:checked:focus arrow, notebook > header .osd tabbar tab:checked:focus arrow, tabbar notebook > header .osd tab:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus arrow, .osd notebook > header > tabs > arrow:checked:focus arrow, .osd dnd tab:selected:hover, dnd .osd tab:selected:hover, .osd tabbar tab:selected:hover, tabbar .osd tab:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header dnd tab:selected:hover, dnd .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tab:selected:hover, tabbar .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover, notebook > header .osd dnd tab:selected:hover, dnd notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tab:selected:hover, tabbar notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd dnd tab:selected:hover image, dnd .osd tab:selected:hover image, .osd tabbar tab:selected:hover image, tabbar .osd tab:selected:hover image, .osd notebook > header tabs > tab:selected:hover image, notebook > header .osd tabs > tab:selected:hover image, .osd notebook > header dnd tab:selected:hover image, dnd .osd notebook > header tab:selected:hover image, .osd notebook > header tabbar tab:selected:hover image, tabbar .osd notebook > header tab:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover image, notebook > header .osd dnd tab:selected:hover image, dnd notebook > header .osd tab:selected:hover image, notebook > header .osd tabbar tab:selected:hover image, tabbar notebook > header .osd tab:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover image, .osd notebook > header > tabs > arrow:selected:hover image, .osd dnd tab:selected:hover arrow, dnd .osd tab:selected:hover arrow, .osd tabbar tab:selected:hover arrow, tabbar .osd tab:selected:hover arrow, .osd notebook > header tabs > tab:selected:hover arrow, notebook > header .osd tabs > tab:selected:hover arrow, .osd notebook > header dnd tab:selected:hover arrow, dnd .osd notebook > header tab:selected:hover arrow, .osd notebook > header tabbar tab:selected:hover arrow, tabbar .osd notebook > header tab:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover arrow, notebook > header .osd dnd tab:selected:hover arrow, dnd notebook > header .osd tab:selected:hover arrow, notebook > header .osd tabbar tab:selected:hover arrow, tabbar notebook > header .osd tab:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover arrow, .osd notebook > header > tabs > arrow:selected:hover arrow, .osd dnd tab:selected:focus, dnd .osd tab:selected:focus, .osd tabbar tab:selected:focus, tabbar .osd tab:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header dnd tab:selected:focus, dnd .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tab:selected:focus, tabbar .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus, notebook > header .osd dnd tab:selected:focus, dnd notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tab:selected:focus, tabbar notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd dnd tab:selected:focus image, dnd .osd tab:selected:focus image, .osd tabbar tab:selected:focus image, tabbar .osd tab:selected:focus image, .osd notebook > header tabs > tab:selected:focus image, notebook > header .osd tabs > tab:selected:focus image, .osd notebook > header dnd tab:selected:focus image, dnd .osd notebook > header tab:selected:focus image, .osd notebook > header tabbar tab:selected:focus image, tabbar .osd notebook > header tab:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus image, notebook > header .osd dnd tab:selected:focus image, dnd notebook > header .osd tab:selected:focus image, notebook > header .osd tabbar tab:selected:focus image, tabbar notebook > header .osd tab:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus image, .osd notebook > header > tabs > arrow:selected:focus image, .osd dnd tab:selected:focus arrow, dnd .osd tab:selected:focus arrow, .osd tabbar tab:selected:focus arrow, tabbar .osd tab:selected:focus arrow, .osd notebook > header tabs > tab:selected:focus arrow, notebook > header .osd tabs > tab:selected:focus arrow, .osd notebook > header dnd tab:selected:focus arrow, dnd .osd notebook > header tab:selected:focus arrow, .osd notebook > header tabbar tab:selected:focus arrow, tabbar .osd notebook > header tab:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus arrow, notebook > header .osd dnd tab:selected:focus arrow, dnd notebook > header .osd tab:selected:focus arrow, notebook > header .osd tabbar tab:selected:focus arrow, tabbar notebook > header .osd tab:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus arrow, .osd notebook > header > tabs > arrow:selected:focus arrow, .osd dnd tab.has-open-popup:hover, dnd .osd tab.has-open-popup:hover, .osd tabbar tab.has-open-popup:hover, tabbar .osd tab.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd dnd tab.has-open-popup:hover image, dnd .osd tab.has-open-popup:hover image, .osd tabbar tab.has-open-popup:hover image, tabbar .osd tab.has-open-popup:hover image, .osd notebook > header tabs > tab.has-open-popup:hover image, notebook > header .osd tabs > tab.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.has-open-popup:hover image, .osd dnd tab.has-open-popup:hover arrow, dnd .osd tab.has-open-popup:hover arrow, .osd tabbar tab.has-open-popup:hover arrow, tabbar .osd tab.has-open-popup:hover arrow, .osd notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header .osd tabs > tab.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.has-open-popup:hover arrow, .osd dnd tab.has-open-popup:focus, dnd .osd tab.has-open-popup:focus, .osd tabbar tab.has-open-popup:focus, tabbar .osd tab.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd dnd tab.has-open-popup:focus image, dnd .osd tab.has-open-popup:focus image, .osd tabbar tab.has-open-popup:focus image, tabbar .osd tab.has-open-popup:focus image, .osd notebook > header tabs > tab.has-open-popup:focus image, notebook > header .osd tabs > tab.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.has-open-popup:focus image, .osd dnd tab.has-open-popup:focus arrow, dnd .osd tab.has-open-popup:focus arrow, .osd tabbar tab.has-open-popup:focus arrow, tabbar .osd tab.has-open-popup:focus arrow, .osd notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header .osd tabs > tab.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.has-open-popup:focus arrow, .osd button:checked:hover, .osd button:checked:hover image, .osd button:checked:hover arrow, .osd button:checked:focus, .osd button:checked:focus image, .osd button:checked:focus arrow, .osd button:selected:hover, .osd button:selected:hover image, .osd button:selected:hover arrow, .osd button:selected:focus, .osd button:selected:focus image, .osd button:selected:focus arrow, .osd button.has-open-popup:hover, .osd button.has-open-popup:hover image, .osd button.has-open-popup:hover arrow, .osd button.has-open-popup:focus, .osd button.has-open-popup:focus image, .osd button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled, .osd button:disabled:checked, .osd button:disabled:selected, .osd button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action, button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus, button.suggested-action.osd:hover, button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:hover image, tabbar tab.suggested-action:hover image, notebook > header tabs > tab.suggested-action:hover image, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover image, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover image, notebook > header > tabs > arrow.suggested-action:hover image, dnd tab.suggested-action:hover arrow, tabbar tab.suggested-action:hover arrow, notebook > header tabs > tab.suggested-action:hover arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover arrow, notebook > header > tabs > arrow.suggested-action:hover arrow, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, dnd tab.suggested-action:focus image, tabbar tab.suggested-action:focus image, notebook > header tabs > tab.suggested-action:focus image, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus image, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus image, notebook > header > tabs > arrow.suggested-action:focus image, dnd tab.suggested-action:focus arrow, tabbar tab.suggested-action:focus arrow, notebook > header tabs > tab.suggested-action:focus arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus arrow, notebook > header > tabs > arrow.suggested-action:focus arrow, button.suggested-action:hover, button.suggested-action:hover image, button.suggested-action:hover arrow, button.suggested-action:focus, button.suggested-action:focus image, button.suggested-action:focus arrow, button.suggested-action.osd:hover, button.suggested-action.osd:hover image, button.suggested-action.osd:hover arrow, button.suggested-action.osd:focus, button.suggested-action.osd:focus image, button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, dnd tab.suggested-action.keyboard-activating, tabbar tab.suggested-action.keyboard-activating, notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header dnd tab.keyboard-activating, dnd notebook > header tab.keyboard-activating, notebook > header tabbar tab.keyboard-activating, tabbar notebook > header tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.suggested-action.keyboard-activating, button.suggested-action:active, button.suggested-action.keyboard-activating, button.suggested-action.osd:active, button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, dnd tab.suggested-action:selected, tabbar tab.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, dnd tab.suggested-action.has-open-popup, tabbar tab.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, button.suggested-action:checked, button.suggested-action:selected, button.suggested-action.has-open-popup, button.suggested-action.osd:checked, button.suggested-action.osd:selected, button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header dnd tab.suggested-action:checked, dnd notebook > header tab.suggested-action:checked, notebook > header tabbar tab.suggested-action:checked, tabbar notebook > header tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, dnd tab.suggested-action:checked image, tabbar tab.suggested-action:checked image, notebook > header tabs > tab.suggested-action:checked image, notebook > header dnd tab.suggested-action:checked image, dnd notebook > header tab.suggested-action:checked image, notebook > header tabbar tab.suggested-action:checked image, tabbar notebook > header tab.suggested-action:checked image, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked image, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked image, notebook > header > tabs > arrow.suggested-action:checked image, dnd tab.suggested-action:checked arrow, tabbar tab.suggested-action:checked arrow, notebook > header tabs > tab.suggested-action:checked arrow, notebook > header dnd tab.suggested-action:checked arrow, dnd notebook > header tab.suggested-action:checked arrow, notebook > header tabbar tab.suggested-action:checked arrow, tabbar notebook > header tab.suggested-action:checked arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked arrow, notebook > header > tabs > arrow.suggested-action:checked arrow, dnd tab.suggested-action:selected, tabbar tab.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header dnd tab.suggested-action:selected, dnd notebook > header tab.suggested-action:selected, notebook > header tabbar tab.suggested-action:selected, tabbar notebook > header tab.suggested-action:selected, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, dnd tab.suggested-action:selected image, tabbar tab.suggested-action:selected image, notebook > header tabs > tab.suggested-action:selected image, notebook > header dnd tab.suggested-action:selected image, dnd notebook > header tab.suggested-action:selected image, notebook > header tabbar tab.suggested-action:selected image, tabbar notebook > header tab.suggested-action:selected image, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected image, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected image, notebook > header > tabs > arrow.suggested-action:selected image, dnd tab.suggested-action:selected arrow, tabbar tab.suggested-action:selected arrow, notebook > header tabs > tab.suggested-action:selected arrow, notebook > header dnd tab.suggested-action:selected arrow, dnd notebook > header tab.suggested-action:selected arrow, notebook > header tabbar tab.suggested-action:selected arrow, tabbar notebook > header tab.suggested-action:selected arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected arrow, notebook > header > tabs > arrow.suggested-action:selected arrow, dnd tab.suggested-action.has-open-popup, tabbar tab.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, dnd tab.suggested-action.has-open-popup image, tabbar tab.suggested-action.has-open-popup image, notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.suggested-action.has-open-popup image, dnd tab.suggested-action.has-open-popup arrow, tabbar tab.suggested-action.has-open-popup arrow, notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, dnd tab.suggested-action.osd:checked, tabbar tab.suggested-action.osd:checked, dnd tab.suggested-action.osd:checked image, tabbar tab.suggested-action.osd:checked image, dnd tab.suggested-action.osd:checked arrow, tabbar tab.suggested-action.osd:checked arrow, dnd tab.suggested-action.osd:selected, tabbar tab.suggested-action.osd:selected, dnd tab.suggested-action.osd:selected image, tabbar tab.suggested-action.osd:selected image, dnd tab.suggested-action.osd:selected arrow, tabbar tab.suggested-action.osd:selected arrow, dnd tab.suggested-action.osd.has-open-popup, tabbar tab.suggested-action.osd.has-open-popup, dnd tab.suggested-action.osd.has-open-popup image, tabbar tab.suggested-action.osd.has-open-popup image, dnd tab.suggested-action.osd.has-open-popup arrow, tabbar tab.suggested-action.osd.has-open-popup arrow, button.suggested-action:checked, button.suggested-action:checked image, button.suggested-action:checked arrow, button.suggested-action:selected, button.suggested-action:selected image, button.suggested-action:selected arrow, button.suggested-action.has-open-popup, button.suggested-action.has-open-popup image, button.suggested-action.has-open-popup arrow, button.suggested-action.osd:checked, button.suggested-action.osd:checked image, button.suggested-action.osd:checked arrow, button.suggested-action.osd:selected, button.suggested-action.osd:selected image, button.suggested-action.osd:selected arrow, button.suggested-action.osd.has-open-popup, button.suggested-action.osd.has-open-popup image, button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab.suggested-action:checked:hover, tabbar tab.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, dnd tab.suggested-action:checked:focus, tabbar tab.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, dnd tab.suggested-action:selected:hover, tabbar tab.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, dnd tab.suggested-action:selected:focus, tabbar tab.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, dnd tab.suggested-action.has-open-popup:hover, tabbar tab.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, dnd tab.suggested-action.has-open-popup:focus, tabbar tab.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, button.suggested-action:checked:hover, button.suggested-action:checked:focus, button.suggested-action:selected:hover, button.suggested-action:selected:focus, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:focus, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:focus, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:focus, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +dnd tab.suggested-action:checked:hover, tabbar tab.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header dnd tab.suggested-action:checked:hover, dnd notebook > header tab.suggested-action:checked:hover, notebook > header tabbar tab.suggested-action:checked:hover, tabbar notebook > header tab.suggested-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, columnview.view > header > button.suggested-action:checked:hover, treeview.view > header > button.suggested-action:checked:hover, dnd tab.suggested-action:checked:hover image, tabbar tab.suggested-action:checked:hover image, notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header dnd tab.suggested-action:checked:hover image, dnd notebook > header tab.suggested-action:checked:hover image, notebook > header tabbar tab.suggested-action:checked:hover image, tabbar notebook > header tab.suggested-action:checked:hover image, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover image, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover image, notebook > header > tabs > arrow.suggested-action:checked:hover image, columnview.view > header > button.suggested-action:checked:hover image, treeview.view > header > button.suggested-action:checked:hover image, dnd tab.suggested-action:checked:hover arrow, tabbar tab.suggested-action:checked:hover arrow, notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header dnd tab.suggested-action:checked:hover arrow, dnd notebook > header tab.suggested-action:checked:hover arrow, notebook > header tabbar tab.suggested-action:checked:hover arrow, tabbar notebook > header tab.suggested-action:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover arrow, notebook > header > tabs > arrow.suggested-action:checked:hover arrow, columnview.view > header > button.suggested-action:checked:hover arrow, treeview.view > header > button.suggested-action:checked:hover arrow, dnd tab.suggested-action:checked:focus, tabbar tab.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header dnd tab.suggested-action:checked:focus, dnd notebook > header tab.suggested-action:checked:focus, notebook > header tabbar tab.suggested-action:checked:focus, tabbar notebook > header tab.suggested-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, columnview.view > header > button.suggested-action:checked:focus, treeview.view > header > button.suggested-action:checked:focus, dnd tab.suggested-action:checked:focus image, tabbar tab.suggested-action:checked:focus image, notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header dnd tab.suggested-action:checked:focus image, dnd notebook > header tab.suggested-action:checked:focus image, notebook > header tabbar tab.suggested-action:checked:focus image, tabbar notebook > header tab.suggested-action:checked:focus image, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus image, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus image, notebook > header > tabs > arrow.suggested-action:checked:focus image, columnview.view > header > button.suggested-action:checked:focus image, treeview.view > header > button.suggested-action:checked:focus image, dnd tab.suggested-action:checked:focus arrow, tabbar tab.suggested-action:checked:focus arrow, notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header dnd tab.suggested-action:checked:focus arrow, dnd notebook > header tab.suggested-action:checked:focus arrow, notebook > header tabbar tab.suggested-action:checked:focus arrow, tabbar notebook > header tab.suggested-action:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus arrow, notebook > header > tabs > arrow.suggested-action:checked:focus arrow, columnview.view > header > button.suggested-action:checked:focus arrow, treeview.view > header > button.suggested-action:checked:focus arrow, dnd tab.suggested-action:selected:hover, tabbar tab.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header dnd tab.suggested-action:selected:hover, dnd notebook > header tab.suggested-action:selected:hover, notebook > header tabbar tab.suggested-action:selected:hover, tabbar notebook > header tab.suggested-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, columnview.view > header > button.suggested-action:selected:hover, treeview.view > header > button.suggested-action:selected:hover, dnd tab.suggested-action:selected:hover image, tabbar tab.suggested-action:selected:hover image, notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header dnd tab.suggested-action:selected:hover image, dnd notebook > header tab.suggested-action:selected:hover image, notebook > header tabbar tab.suggested-action:selected:hover image, tabbar notebook > header tab.suggested-action:selected:hover image, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover image, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover image, notebook > header > tabs > arrow.suggested-action:selected:hover image, columnview.view > header > button.suggested-action:selected:hover image, treeview.view > header > button.suggested-action:selected:hover image, dnd tab.suggested-action:selected:hover arrow, tabbar tab.suggested-action:selected:hover arrow, notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header dnd tab.suggested-action:selected:hover arrow, dnd notebook > header tab.suggested-action:selected:hover arrow, notebook > header tabbar tab.suggested-action:selected:hover arrow, tabbar notebook > header tab.suggested-action:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover arrow, notebook > header > tabs > arrow.suggested-action:selected:hover arrow, columnview.view > header > button.suggested-action:selected:hover arrow, treeview.view > header > button.suggested-action:selected:hover arrow, dnd tab.suggested-action:selected:focus, tabbar tab.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header dnd tab.suggested-action:selected:focus, dnd notebook > header tab.suggested-action:selected:focus, notebook > header tabbar tab.suggested-action:selected:focus, tabbar notebook > header tab.suggested-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, columnview.view > header > button.suggested-action:selected:focus, treeview.view > header > button.suggested-action:selected:focus, dnd tab.suggested-action:selected:focus image, tabbar tab.suggested-action:selected:focus image, notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header dnd tab.suggested-action:selected:focus image, dnd notebook > header tab.suggested-action:selected:focus image, notebook > header tabbar tab.suggested-action:selected:focus image, tabbar notebook > header tab.suggested-action:selected:focus image, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus image, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus image, notebook > header > tabs > arrow.suggested-action:selected:focus image, columnview.view > header > button.suggested-action:selected:focus image, treeview.view > header > button.suggested-action:selected:focus image, dnd tab.suggested-action:selected:focus arrow, tabbar tab.suggested-action:selected:focus arrow, notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header dnd tab.suggested-action:selected:focus arrow, dnd notebook > header tab.suggested-action:selected:focus arrow, notebook > header tabbar tab.suggested-action:selected:focus arrow, tabbar notebook > header tab.suggested-action:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus arrow, notebook > header > tabs > arrow.suggested-action:selected:focus arrow, columnview.view > header > button.suggested-action:selected:focus arrow, treeview.view > header > button.suggested-action:selected:focus arrow, dnd tab.suggested-action.has-open-popup:hover, tabbar tab.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, columnview.view > header > button.suggested-action.has-open-popup:hover, treeview.view > header > button.suggested-action.has-open-popup:hover, dnd tab.suggested-action.has-open-popup:hover image, tabbar tab.suggested-action.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, columnview.view > header > button.suggested-action.has-open-popup:hover image, treeview.view > header > button.suggested-action.has-open-popup:hover image, dnd tab.suggested-action.has-open-popup:hover arrow, tabbar tab.suggested-action.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, columnview.view > header > button.suggested-action.has-open-popup:hover arrow, treeview.view > header > button.suggested-action.has-open-popup:hover arrow, dnd tab.suggested-action.has-open-popup:focus, tabbar tab.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, columnview.view > header > button.suggested-action.has-open-popup:focus, treeview.view > header > button.suggested-action.has-open-popup:focus, dnd tab.suggested-action.has-open-popup:focus image, tabbar tab.suggested-action.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, columnview.view > header > button.suggested-action.has-open-popup:focus image, treeview.view > header > button.suggested-action.has-open-popup:focus image, dnd tab.suggested-action.has-open-popup:focus arrow, tabbar tab.suggested-action.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, columnview.view > header > button.suggested-action.has-open-popup:focus arrow, treeview.view > header > button.suggested-action.has-open-popup:focus arrow, dnd tab.suggested-action.osd:checked:hover, tabbar tab.suggested-action.osd:checked:hover, notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header dnd tab.osd:checked:hover, dnd notebook > header tab.osd:checked:hover, notebook > header tabbar tab.osd:checked:hover, tabbar notebook > header tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.suggested-action.osd:checked:hover, columnview.view > header > button.suggested-action.osd:checked:hover, treeview.view > header > button.suggested-action.osd:checked:hover, dnd tab.suggested-action.osd:checked:hover image, tabbar tab.suggested-action.osd:checked:hover image, notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header dnd tab.osd:checked:hover image, dnd notebook > header tab.osd:checked:hover image, notebook > header tabbar tab.osd:checked:hover image, tabbar notebook > header tab.osd:checked:hover image, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, columnview.view > header > button.suggested-action.osd:checked:hover image, treeview.view > header > button.suggested-action.osd:checked:hover image, dnd tab.suggested-action.osd:checked:hover arrow, tabbar tab.suggested-action.osd:checked:hover arrow, notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header dnd tab.osd:checked:hover arrow, dnd notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tab.osd:checked:hover arrow, tabbar notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, columnview.view > header > button.suggested-action.osd:checked:hover arrow, treeview.view > header > button.suggested-action.osd:checked:hover arrow, dnd tab.suggested-action.osd:checked:focus, tabbar tab.suggested-action.osd:checked:focus, notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header dnd tab.osd:checked:focus, dnd notebook > header tab.osd:checked:focus, notebook > header tabbar tab.osd:checked:focus, tabbar notebook > header tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.suggested-action.osd:checked:focus, columnview.view > header > button.suggested-action.osd:checked:focus, treeview.view > header > button.suggested-action.osd:checked:focus, dnd tab.suggested-action.osd:checked:focus image, tabbar tab.suggested-action.osd:checked:focus image, notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header dnd tab.osd:checked:focus image, dnd notebook > header tab.osd:checked:focus image, notebook > header tabbar tab.osd:checked:focus image, tabbar notebook > header tab.osd:checked:focus image, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, columnview.view > header > button.suggested-action.osd:checked:focus image, treeview.view > header > button.suggested-action.osd:checked:focus image, dnd tab.suggested-action.osd:checked:focus arrow, tabbar tab.suggested-action.osd:checked:focus arrow, notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header dnd tab.osd:checked:focus arrow, dnd notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tab.osd:checked:focus arrow, tabbar notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, columnview.view > header > button.suggested-action.osd:checked:focus arrow, treeview.view > header > button.suggested-action.osd:checked:focus arrow, dnd tab.suggested-action.osd:selected:hover, tabbar tab.suggested-action.osd:selected:hover, notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header dnd tab.osd:selected:hover, dnd notebook > header tab.osd:selected:hover, notebook > header tabbar tab.osd:selected:hover, tabbar notebook > header tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.suggested-action.osd:selected:hover, columnview.view > header > button.suggested-action.osd:selected:hover, treeview.view > header > button.suggested-action.osd:selected:hover, dnd tab.suggested-action.osd:selected:hover image, tabbar tab.suggested-action.osd:selected:hover image, notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header dnd tab.osd:selected:hover image, dnd notebook > header tab.osd:selected:hover image, notebook > header tabbar tab.osd:selected:hover image, tabbar notebook > header tab.osd:selected:hover image, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, columnview.view > header > button.suggested-action.osd:selected:hover image, treeview.view > header > button.suggested-action.osd:selected:hover image, dnd tab.suggested-action.osd:selected:hover arrow, tabbar tab.suggested-action.osd:selected:hover arrow, notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header dnd tab.osd:selected:hover arrow, dnd notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tab.osd:selected:hover arrow, tabbar notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, columnview.view > header > button.suggested-action.osd:selected:hover arrow, treeview.view > header > button.suggested-action.osd:selected:hover arrow, dnd tab.suggested-action.osd:selected:focus, tabbar tab.suggested-action.osd:selected:focus, notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header dnd tab.osd:selected:focus, dnd notebook > header tab.osd:selected:focus, notebook > header tabbar tab.osd:selected:focus, tabbar notebook > header tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.suggested-action.osd:selected:focus, columnview.view > header > button.suggested-action.osd:selected:focus, treeview.view > header > button.suggested-action.osd:selected:focus, dnd tab.suggested-action.osd:selected:focus image, tabbar tab.suggested-action.osd:selected:focus image, notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header dnd tab.osd:selected:focus image, dnd notebook > header tab.osd:selected:focus image, notebook > header tabbar tab.osd:selected:focus image, tabbar notebook > header tab.osd:selected:focus image, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, columnview.view > header > button.suggested-action.osd:selected:focus image, treeview.view > header > button.suggested-action.osd:selected:focus image, dnd tab.suggested-action.osd:selected:focus arrow, tabbar tab.suggested-action.osd:selected:focus arrow, notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header dnd tab.osd:selected:focus arrow, dnd notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tab.osd:selected:focus arrow, tabbar notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, columnview.view > header > button.suggested-action.osd:selected:focus arrow, treeview.view > header > button.suggested-action.osd:selected:focus arrow, dnd tab.suggested-action.osd.has-open-popup:hover, tabbar tab.suggested-action.osd.has-open-popup:hover, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, columnview.view > header > button.suggested-action.osd.has-open-popup:hover, treeview.view > header > button.suggested-action.osd.has-open-popup:hover, dnd tab.suggested-action.osd.has-open-popup:hover image, tabbar tab.suggested-action.osd.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, columnview.view > header > button.suggested-action.osd.has-open-popup:hover image, treeview.view > header > button.suggested-action.osd.has-open-popup:hover image, dnd tab.suggested-action.osd.has-open-popup:hover arrow, tabbar tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, columnview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, treeview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, dnd tab.suggested-action.osd.has-open-popup:focus, tabbar tab.suggested-action.osd.has-open-popup:focus, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, columnview.view > header > button.suggested-action.osd.has-open-popup:focus, treeview.view > header > button.suggested-action.osd.has-open-popup:focus, dnd tab.suggested-action.osd.has-open-popup:focus image, tabbar tab.suggested-action.osd.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, columnview.view > header > button.suggested-action.osd.has-open-popup:focus image, treeview.view > header > button.suggested-action.osd.has-open-popup:focus image, dnd tab.suggested-action.osd.has-open-popup:focus arrow, tabbar tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, columnview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, treeview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, button.suggested-action:checked:hover, button.suggested-action:checked:hover image, button.suggested-action:checked:hover arrow, button.suggested-action:checked:focus, button.suggested-action:checked:focus image, button.suggested-action:checked:focus arrow, button.suggested-action:selected:hover, button.suggested-action:selected:hover image, button.suggested-action:selected:hover arrow, button.suggested-action:selected:focus, button.suggested-action:selected:focus image, button.suggested-action:selected:focus arrow, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:hover image, button.suggested-action.has-open-popup:hover arrow, button.suggested-action.has-open-popup:focus, button.suggested-action.has-open-popup:focus image, button.suggested-action.has-open-popup:focus arrow, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:hover image, button.suggested-action.osd:checked:hover arrow, button.suggested-action.osd:checked:focus, button.suggested-action.osd:checked:focus image, button.suggested-action.osd:checked:focus arrow, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:hover image, button.suggested-action.osd:selected:hover arrow, button.suggested-action.osd:selected:focus, button.suggested-action.osd:selected:focus image, button.suggested-action.osd:selected:focus arrow, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:hover image, button.suggested-action.osd.has-open-popup:hover arrow, button.suggested-action.osd.has-open-popup:focus, button.suggested-action.osd.has-open-popup:focus image, button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab.suggested-action:disabled, tabbar tab.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled, button.suggested-action:disabled:checked, button.suggested-action:disabled:selected, button.suggested-action:disabled.has-open-popup, button.suggested-action.osd:disabled, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd dnd tab.suggested-action, dnd .osd tab.suggested-action, .osd tabbar tab.suggested-action, tabbar .osd tab.suggested-action, .osd notebook > header tabs > tab.suggested-action, notebook > header .osd tabs > tab.suggested-action, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action, .osd notebook > header > tabs > arrow.suggested-action, .osd button.suggested-action, .osd button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd dnd tab.suggested-action:focus, dnd .osd tab.suggested-action:focus, .osd tabbar tab.suggested-action:focus, tabbar .osd tab.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd button.suggested-action:hover, .osd button.suggested-action:focus, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header dnd tab.suggested-action:hover, dnd .osd notebook > header tab.suggested-action:hover, .osd notebook > header tabbar tab.suggested-action:hover, tabbar .osd notebook > header tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd dnd tab.suggested-action:hover, dnd notebook > header .osd tab.suggested-action:hover, notebook > header .osd tabbar tab.suggested-action:hover, tabbar notebook > header .osd tab.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd dnd tab.suggested-action:hover image, dnd .osd tab.suggested-action:hover image, .osd tabbar tab.suggested-action:hover image, tabbar .osd tab.suggested-action:hover image, .osd notebook > header tabs > tab.suggested-action:hover image, notebook > header .osd tabs > tab.suggested-action:hover image, .osd notebook > header dnd tab.suggested-action:hover image, dnd .osd notebook > header tab.suggested-action:hover image, .osd notebook > header tabbar tab.suggested-action:hover image, tabbar .osd notebook > header tab.suggested-action:hover image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover image, notebook > header .osd dnd tab.suggested-action:hover image, dnd notebook > header .osd tab.suggested-action:hover image, notebook > header .osd tabbar tab.suggested-action:hover image, tabbar notebook > header .osd tab.suggested-action:hover image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover image, .osd notebook > header > tabs > arrow.suggested-action:hover image, .osd dnd tab.suggested-action:hover arrow, dnd .osd tab.suggested-action:hover arrow, .osd tabbar tab.suggested-action:hover arrow, tabbar .osd tab.suggested-action:hover arrow, .osd notebook > header tabs > tab.suggested-action:hover arrow, notebook > header .osd tabs > tab.suggested-action:hover arrow, .osd notebook > header dnd tab.suggested-action:hover arrow, dnd .osd notebook > header tab.suggested-action:hover arrow, .osd notebook > header tabbar tab.suggested-action:hover arrow, tabbar .osd notebook > header tab.suggested-action:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover arrow, notebook > header .osd dnd tab.suggested-action:hover arrow, dnd notebook > header .osd tab.suggested-action:hover arrow, notebook > header .osd tabbar tab.suggested-action:hover arrow, tabbar notebook > header .osd tab.suggested-action:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:hover arrow, .osd dnd tab.suggested-action:focus, dnd .osd tab.suggested-action:focus, .osd tabbar tab.suggested-action:focus, tabbar .osd tab.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header dnd tab.suggested-action:focus, dnd .osd notebook > header tab.suggested-action:focus, .osd notebook > header tabbar tab.suggested-action:focus, tabbar .osd notebook > header tab.suggested-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header .osd dnd tab.suggested-action:focus, dnd notebook > header .osd tab.suggested-action:focus, notebook > header .osd tabbar tab.suggested-action:focus, tabbar notebook > header .osd tab.suggested-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd dnd tab.suggested-action:focus image, dnd .osd tab.suggested-action:focus image, .osd tabbar tab.suggested-action:focus image, tabbar .osd tab.suggested-action:focus image, .osd notebook > header tabs > tab.suggested-action:focus image, notebook > header .osd tabs > tab.suggested-action:focus image, .osd notebook > header dnd tab.suggested-action:focus image, dnd .osd notebook > header tab.suggested-action:focus image, .osd notebook > header tabbar tab.suggested-action:focus image, tabbar .osd notebook > header tab.suggested-action:focus image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus image, notebook > header .osd dnd tab.suggested-action:focus image, dnd notebook > header .osd tab.suggested-action:focus image, notebook > header .osd tabbar tab.suggested-action:focus image, tabbar notebook > header .osd tab.suggested-action:focus image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus image, .osd notebook > header > tabs > arrow.suggested-action:focus image, .osd dnd tab.suggested-action:focus arrow, dnd .osd tab.suggested-action:focus arrow, .osd tabbar tab.suggested-action:focus arrow, tabbar .osd tab.suggested-action:focus arrow, .osd notebook > header tabs > tab.suggested-action:focus arrow, notebook > header .osd tabs > tab.suggested-action:focus arrow, .osd notebook > header dnd tab.suggested-action:focus arrow, dnd .osd notebook > header tab.suggested-action:focus arrow, .osd notebook > header tabbar tab.suggested-action:focus arrow, tabbar .osd notebook > header tab.suggested-action:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus arrow, notebook > header .osd dnd tab.suggested-action:focus arrow, dnd notebook > header .osd tab.suggested-action:focus arrow, notebook > header .osd tabbar tab.suggested-action:focus arrow, tabbar notebook > header .osd tab.suggested-action:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:focus arrow, .osd dnd tab.suggested-action.osd:hover, dnd .osd tab.suggested-action.osd:hover, .osd tabbar tab.suggested-action.osd:hover, tabbar .osd tab.suggested-action.osd:hover, .osd dnd tab.suggested-action.osd:hover image, dnd .osd tab.suggested-action.osd:hover image, .osd tabbar tab.suggested-action.osd:hover image, tabbar .osd tab.suggested-action.osd:hover image, .osd dnd tab.suggested-action.osd:hover arrow, dnd .osd tab.suggested-action.osd:hover arrow, .osd tabbar tab.suggested-action.osd:hover arrow, tabbar .osd tab.suggested-action.osd:hover arrow, .osd dnd tab.suggested-action.osd:focus, dnd .osd tab.suggested-action.osd:focus, .osd tabbar tab.suggested-action.osd:focus, tabbar .osd tab.suggested-action.osd:focus, .osd dnd tab.suggested-action.osd:focus image, dnd .osd tab.suggested-action.osd:focus image, .osd tabbar tab.suggested-action.osd:focus image, tabbar .osd tab.suggested-action.osd:focus image, .osd dnd tab.suggested-action.osd:focus arrow, dnd .osd tab.suggested-action.osd:focus arrow, .osd tabbar tab.suggested-action.osd:focus arrow, tabbar .osd tab.suggested-action.osd:focus arrow, .osd button.suggested-action:hover, .osd button.suggested-action:hover image, .osd button.suggested-action:hover arrow, .osd button.suggested-action:focus, .osd button.suggested-action:focus image, .osd button.suggested-action:focus arrow, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:hover image, .osd button.suggested-action.osd:hover arrow, .osd button.suggested-action.osd:focus, .osd button.suggested-action.osd:focus image, .osd button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action.keyboard-activating, dnd .osd tab.suggested-action.keyboard-activating, .osd tabbar tab.suggested-action.keyboard-activating, tabbar .osd tab.suggested-action.keyboard-activating, .osd notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header .osd tabs > tab.suggested-action.keyboard-activating, .osd notebook > header dnd tab.keyboard-activating, dnd .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tab.keyboard-activating, tabbar .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar .osd notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header .osd dnd tab.keyboard-activating, dnd notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tab.keyboard-activating, tabbar notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header .osd tabbox > tabboxchild.keyboard-activating, .osd notebook > header > tabs > arrow.suggested-action.keyboard-activating, .osd button.suggested-action:active, .osd button.suggested-action.keyboard-activating, .osd button.suggested-action.osd:active, .osd button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd dnd tab.suggested-action:selected, dnd .osd tab.suggested-action:selected, .osd tabbar tab.suggested-action:selected, tabbar .osd tab.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd dnd tab.suggested-action.has-open-popup, dnd .osd tab.suggested-action.has-open-popup, .osd tabbar tab.suggested-action.has-open-popup, tabbar .osd tab.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd button.suggested-action:checked, .osd button.suggested-action:selected, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header dnd tab.suggested-action:checked, dnd .osd notebook > header tab.suggested-action:checked, .osd notebook > header tabbar tab.suggested-action:checked, tabbar .osd notebook > header tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd dnd tab.suggested-action:checked, dnd notebook > header .osd tab.suggested-action:checked, notebook > header .osd tabbar tab.suggested-action:checked, tabbar notebook > header .osd tab.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd dnd tab.suggested-action:checked image, dnd .osd tab.suggested-action:checked image, .osd tabbar tab.suggested-action:checked image, tabbar .osd tab.suggested-action:checked image, .osd notebook > header tabs > tab.suggested-action:checked image, notebook > header .osd tabs > tab.suggested-action:checked image, .osd notebook > header dnd tab.suggested-action:checked image, dnd .osd notebook > header tab.suggested-action:checked image, .osd notebook > header tabbar tab.suggested-action:checked image, tabbar .osd notebook > header tab.suggested-action:checked image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked image, notebook > header .osd dnd tab.suggested-action:checked image, dnd notebook > header .osd tab.suggested-action:checked image, notebook > header .osd tabbar tab.suggested-action:checked image, tabbar notebook > header .osd tab.suggested-action:checked image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked image, .osd notebook > header > tabs > arrow.suggested-action:checked image, .osd dnd tab.suggested-action:checked arrow, dnd .osd tab.suggested-action:checked arrow, .osd tabbar tab.suggested-action:checked arrow, tabbar .osd tab.suggested-action:checked arrow, .osd notebook > header tabs > tab.suggested-action:checked arrow, notebook > header .osd tabs > tab.suggested-action:checked arrow, .osd notebook > header dnd tab.suggested-action:checked arrow, dnd .osd notebook > header tab.suggested-action:checked arrow, .osd notebook > header tabbar tab.suggested-action:checked arrow, tabbar .osd notebook > header tab.suggested-action:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked arrow, notebook > header .osd dnd tab.suggested-action:checked arrow, dnd notebook > header .osd tab.suggested-action:checked arrow, notebook > header .osd tabbar tab.suggested-action:checked arrow, tabbar notebook > header .osd tab.suggested-action:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked arrow, .osd notebook > header > tabs > arrow.suggested-action:checked arrow, .osd dnd tab.suggested-action:selected, dnd .osd tab.suggested-action:selected, .osd tabbar tab.suggested-action:selected, tabbar .osd tab.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header dnd tab.suggested-action:selected, dnd .osd notebook > header tab.suggested-action:selected, .osd notebook > header tabbar tab.suggested-action:selected, tabbar .osd notebook > header tab.suggested-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header .osd dnd tab.suggested-action:selected, dnd notebook > header .osd tab.suggested-action:selected, notebook > header .osd tabbar tab.suggested-action:selected, tabbar notebook > header .osd tab.suggested-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd dnd tab.suggested-action:selected image, dnd .osd tab.suggested-action:selected image, .osd tabbar tab.suggested-action:selected image, tabbar .osd tab.suggested-action:selected image, .osd notebook > header tabs > tab.suggested-action:selected image, notebook > header .osd tabs > tab.suggested-action:selected image, .osd notebook > header dnd tab.suggested-action:selected image, dnd .osd notebook > header tab.suggested-action:selected image, .osd notebook > header tabbar tab.suggested-action:selected image, tabbar .osd notebook > header tab.suggested-action:selected image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected image, notebook > header .osd dnd tab.suggested-action:selected image, dnd notebook > header .osd tab.suggested-action:selected image, notebook > header .osd tabbar tab.suggested-action:selected image, tabbar notebook > header .osd tab.suggested-action:selected image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected image, .osd notebook > header > tabs > arrow.suggested-action:selected image, .osd dnd tab.suggested-action:selected arrow, dnd .osd tab.suggested-action:selected arrow, .osd tabbar tab.suggested-action:selected arrow, tabbar .osd tab.suggested-action:selected arrow, .osd notebook > header tabs > tab.suggested-action:selected arrow, notebook > header .osd tabs > tab.suggested-action:selected arrow, .osd notebook > header dnd tab.suggested-action:selected arrow, dnd .osd notebook > header tab.suggested-action:selected arrow, .osd notebook > header tabbar tab.suggested-action:selected arrow, tabbar .osd notebook > header tab.suggested-action:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected arrow, notebook > header .osd dnd tab.suggested-action:selected arrow, dnd notebook > header .osd tab.suggested-action:selected arrow, notebook > header .osd tabbar tab.suggested-action:selected arrow, tabbar notebook > header .osd tab.suggested-action:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected arrow, .osd notebook > header > tabs > arrow.suggested-action:selected arrow, .osd dnd tab.suggested-action.has-open-popup, dnd .osd tab.suggested-action.has-open-popup, .osd tabbar tab.suggested-action.has-open-popup, tabbar .osd tab.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd dnd tab.suggested-action.has-open-popup image, dnd .osd tab.suggested-action.has-open-popup image, .osd tabbar tab.suggested-action.has-open-popup image, tabbar .osd tab.suggested-action.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup image, .osd dnd tab.suggested-action.has-open-popup arrow, dnd .osd tab.suggested-action.has-open-popup arrow, .osd tabbar tab.suggested-action.has-open-popup arrow, tabbar .osd tab.suggested-action.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, .osd dnd tab.suggested-action.osd:checked, dnd .osd tab.suggested-action.osd:checked, .osd tabbar tab.suggested-action.osd:checked, tabbar .osd tab.suggested-action.osd:checked, .osd notebook > header tabs > tab.suggested-action.osd:checked, notebook > header .osd tabs > tab.suggested-action.osd:checked, .osd notebook > header dnd tab.osd:checked, dnd .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tab.osd:checked, tabbar .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked, notebook > header .osd dnd tab.osd:checked, dnd notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tab.osd:checked, tabbar notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked, .osd dnd tab.suggested-action.osd:checked image, dnd .osd tab.suggested-action.osd:checked image, .osd tabbar tab.suggested-action.osd:checked image, tabbar .osd tab.suggested-action.osd:checked image, .osd notebook > header tabs > tab.suggested-action.osd:checked image, notebook > header .osd tabs > tab.suggested-action.osd:checked image, .osd notebook > header dnd tab.osd:checked image, dnd .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tab.osd:checked image, tabbar .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked image, notebook > header .osd dnd tab.osd:checked image, dnd notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tab.osd:checked image, tabbar notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked image, .osd dnd tab.suggested-action.osd:checked arrow, dnd .osd tab.suggested-action.osd:checked arrow, .osd tabbar tab.suggested-action.osd:checked arrow, tabbar .osd tab.suggested-action.osd:checked arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked arrow, .osd notebook > header dnd tab.osd:checked arrow, dnd .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tab.osd:checked arrow, tabbar .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked arrow, notebook > header .osd dnd tab.osd:checked arrow, dnd notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tab.osd:checked arrow, tabbar notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked arrow, .osd dnd tab.suggested-action.osd:selected, dnd .osd tab.suggested-action.osd:selected, .osd tabbar tab.suggested-action.osd:selected, tabbar .osd tab.suggested-action.osd:selected, .osd notebook > header tabs > tab.suggested-action.osd:selected, notebook > header .osd tabs > tab.suggested-action.osd:selected, .osd notebook > header dnd tab.osd:selected, dnd .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tab.osd:selected, tabbar .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected, notebook > header .osd dnd tab.osd:selected, dnd notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tab.osd:selected, tabbar notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected, .osd dnd tab.suggested-action.osd:selected image, dnd .osd tab.suggested-action.osd:selected image, .osd tabbar tab.suggested-action.osd:selected image, tabbar .osd tab.suggested-action.osd:selected image, .osd notebook > header tabs > tab.suggested-action.osd:selected image, notebook > header .osd tabs > tab.suggested-action.osd:selected image, .osd notebook > header dnd tab.osd:selected image, dnd .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tab.osd:selected image, tabbar .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected image, notebook > header .osd dnd tab.osd:selected image, dnd notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tab.osd:selected image, tabbar notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected image, .osd dnd tab.suggested-action.osd:selected arrow, dnd .osd tab.suggested-action.osd:selected arrow, .osd tabbar tab.suggested-action.osd:selected arrow, tabbar .osd tab.suggested-action.osd:selected arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected arrow, .osd notebook > header dnd tab.osd:selected arrow, dnd .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tab.osd:selected arrow, tabbar .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected arrow, notebook > header .osd dnd tab.osd:selected arrow, dnd notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tab.osd:selected arrow, tabbar notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected arrow, .osd dnd tab.suggested-action.osd.has-open-popup, dnd .osd tab.suggested-action.osd.has-open-popup, .osd tabbar tab.suggested-action.osd.has-open-popup, tabbar .osd tab.suggested-action.osd.has-open-popup, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd dnd tab.suggested-action.osd.has-open-popup image, dnd .osd tab.suggested-action.osd.has-open-popup image, .osd tabbar tab.suggested-action.osd.has-open-popup image, tabbar .osd tab.suggested-action.osd.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd dnd tab.suggested-action.osd.has-open-popup arrow, dnd .osd tab.suggested-action.osd.has-open-popup arrow, .osd tabbar tab.suggested-action.osd.has-open-popup arrow, tabbar .osd tab.suggested-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd button.suggested-action:checked, .osd button.suggested-action:checked image, .osd button.suggested-action:checked arrow, .osd button.suggested-action:selected, .osd button.suggested-action:selected image, .osd button.suggested-action:selected arrow, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.has-open-popup image, .osd button.suggested-action.has-open-popup arrow, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:checked image, .osd button.suggested-action.osd:checked arrow, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd:selected image, .osd button.suggested-action.osd:selected arrow, .osd button.suggested-action.osd.has-open-popup, .osd button.suggested-action.osd.has-open-popup image, .osd button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd dnd tab.suggested-action:checked:hover, dnd .osd tab.suggested-action:checked:hover, .osd tabbar tab.suggested-action:checked:hover, tabbar .osd tab.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header dnd tab.suggested-action:checked:hover, dnd .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tab.suggested-action:checked:hover, tabbar .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header .osd dnd tab.suggested-action:checked:hover, dnd notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tab.suggested-action:checked:hover, tabbar notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd dnd tab.suggested-action:checked:focus, dnd .osd tab.suggested-action:checked:focus, .osd tabbar tab.suggested-action:checked:focus, tabbar .osd tab.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header dnd tab.suggested-action:checked:focus, dnd .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tab.suggested-action:checked:focus, tabbar .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header .osd dnd tab.suggested-action:checked:focus, dnd notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tab.suggested-action:checked:focus, tabbar notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd dnd tab.suggested-action:selected:hover, dnd .osd tab.suggested-action:selected:hover, .osd tabbar tab.suggested-action:selected:hover, tabbar .osd tab.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header dnd tab.suggested-action:selected:hover, dnd .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tab.suggested-action:selected:hover, tabbar .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header .osd dnd tab.suggested-action:selected:hover, dnd notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tab.suggested-action:selected:hover, tabbar notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd dnd tab.suggested-action:selected:focus, dnd .osd tab.suggested-action:selected:focus, .osd tabbar tab.suggested-action:selected:focus, tabbar .osd tab.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header dnd tab.suggested-action:selected:focus, dnd .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tab.suggested-action:selected:focus, tabbar .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header .osd dnd tab.suggested-action:selected:focus, dnd notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tab.suggested-action:selected:focus, tabbar notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd dnd tab.suggested-action.has-open-popup:hover, dnd .osd tab.suggested-action.has-open-popup:hover, .osd tabbar tab.suggested-action.has-open-popup:hover, tabbar .osd tab.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd dnd tab.suggested-action.has-open-popup:focus, dnd .osd tab.suggested-action.has-open-popup:focus, .osd tabbar tab.suggested-action.has-open-popup:focus, tabbar .osd tab.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd dnd tab.suggested-action.osd:checked:hover, dnd .osd tab.suggested-action.osd:checked:hover, .osd tabbar tab.suggested-action.osd:checked:hover, tabbar .osd tab.suggested-action.osd:checked:hover, .osd dnd tab.suggested-action.osd:checked:focus, dnd .osd tab.suggested-action.osd:checked:focus, .osd tabbar tab.suggested-action.osd:checked:focus, tabbar .osd tab.suggested-action.osd:checked:focus, .osd dnd tab.suggested-action.osd:selected:hover, dnd .osd tab.suggested-action.osd:selected:hover, .osd tabbar tab.suggested-action.osd:selected:hover, tabbar .osd tab.suggested-action.osd:selected:hover, .osd dnd tab.suggested-action.osd:selected:focus, dnd .osd tab.suggested-action.osd:selected:focus, .osd tabbar tab.suggested-action.osd:selected:focus, tabbar .osd tab.suggested-action.osd:selected:focus, .osd dnd tab.suggested-action.osd.has-open-popup:hover, dnd .osd tab.suggested-action.osd.has-open-popup:hover, .osd tabbar tab.suggested-action.osd.has-open-popup:hover, tabbar .osd tab.suggested-action.osd.has-open-popup:hover, .osd dnd tab.suggested-action.osd.has-open-popup:focus, dnd .osd tab.suggested-action.osd.has-open-popup:focus, .osd tabbar tab.suggested-action.osd.has-open-popup:focus, tabbar .osd tab.suggested-action.osd.has-open-popup:focus, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:focus, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:focus, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd dnd tab.suggested-action:checked:hover, dnd .osd tab.suggested-action:checked:hover, .osd tabbar tab.suggested-action:checked:hover, tabbar .osd tab.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header dnd tab.suggested-action:checked:hover, dnd .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tab.suggested-action:checked:hover, tabbar .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header .osd dnd tab.suggested-action:checked:hover, dnd notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tab.suggested-action:checked:hover, tabbar notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd columnview.view > header > button.suggested-action:checked:hover, .osd treeview.view > header > button.suggested-action:checked:hover, .osd dnd tab.suggested-action:checked:hover image, dnd .osd tab.suggested-action:checked:hover image, .osd tabbar tab.suggested-action:checked:hover image, tabbar .osd tab.suggested-action:checked:hover image, .osd notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header .osd tabs > tab.suggested-action:checked:hover image, .osd notebook > header dnd tab.suggested-action:checked:hover image, dnd .osd notebook > header tab.suggested-action:checked:hover image, .osd notebook > header tabbar tab.suggested-action:checked:hover image, tabbar .osd notebook > header tab.suggested-action:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover image, notebook > header .osd dnd tab.suggested-action:checked:hover image, dnd notebook > header .osd tab.suggested-action:checked:hover image, notebook > header .osd tabbar tab.suggested-action:checked:hover image, tabbar notebook > header .osd tab.suggested-action:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action:checked:hover image, .osd columnview.view > header > button.suggested-action:checked:hover image, .osd treeview.view > header > button.suggested-action:checked:hover image, .osd dnd tab.suggested-action:checked:hover arrow, dnd .osd tab.suggested-action:checked:hover arrow, .osd tabbar tab.suggested-action:checked:hover arrow, tabbar .osd tab.suggested-action:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action:checked:hover arrow, .osd notebook > header dnd tab.suggested-action:checked:hover arrow, dnd .osd notebook > header tab.suggested-action:checked:hover arrow, .osd notebook > header tabbar tab.suggested-action:checked:hover arrow, tabbar .osd notebook > header tab.suggested-action:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover arrow, notebook > header .osd dnd tab.suggested-action:checked:hover arrow, dnd notebook > header .osd tab.suggested-action:checked:hover arrow, notebook > header .osd tabbar tab.suggested-action:checked:hover arrow, tabbar notebook > header .osd tab.suggested-action:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:hover arrow, .osd columnview.view > header > button.suggested-action:checked:hover arrow, .osd treeview.view > header > button.suggested-action:checked:hover arrow, .osd dnd tab.suggested-action:checked:focus, dnd .osd tab.suggested-action:checked:focus, .osd tabbar tab.suggested-action:checked:focus, tabbar .osd tab.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header dnd tab.suggested-action:checked:focus, dnd .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tab.suggested-action:checked:focus, tabbar .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header .osd dnd tab.suggested-action:checked:focus, dnd notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tab.suggested-action:checked:focus, tabbar notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd columnview.view > header > button.suggested-action:checked:focus, .osd treeview.view > header > button.suggested-action:checked:focus, .osd dnd tab.suggested-action:checked:focus image, dnd .osd tab.suggested-action:checked:focus image, .osd tabbar tab.suggested-action:checked:focus image, tabbar .osd tab.suggested-action:checked:focus image, .osd notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header .osd tabs > tab.suggested-action:checked:focus image, .osd notebook > header dnd tab.suggested-action:checked:focus image, dnd .osd notebook > header tab.suggested-action:checked:focus image, .osd notebook > header tabbar tab.suggested-action:checked:focus image, tabbar .osd notebook > header tab.suggested-action:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus image, notebook > header .osd dnd tab.suggested-action:checked:focus image, dnd notebook > header .osd tab.suggested-action:checked:focus image, notebook > header .osd tabbar tab.suggested-action:checked:focus image, tabbar notebook > header .osd tab.suggested-action:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action:checked:focus image, .osd columnview.view > header > button.suggested-action:checked:focus image, .osd treeview.view > header > button.suggested-action:checked:focus image, .osd dnd tab.suggested-action:checked:focus arrow, dnd .osd tab.suggested-action:checked:focus arrow, .osd tabbar tab.suggested-action:checked:focus arrow, tabbar .osd tab.suggested-action:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action:checked:focus arrow, .osd notebook > header dnd tab.suggested-action:checked:focus arrow, dnd .osd notebook > header tab.suggested-action:checked:focus arrow, .osd notebook > header tabbar tab.suggested-action:checked:focus arrow, tabbar .osd notebook > header tab.suggested-action:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus arrow, notebook > header .osd dnd tab.suggested-action:checked:focus arrow, dnd notebook > header .osd tab.suggested-action:checked:focus arrow, notebook > header .osd tabbar tab.suggested-action:checked:focus arrow, tabbar notebook > header .osd tab.suggested-action:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:focus arrow, .osd columnview.view > header > button.suggested-action:checked:focus arrow, .osd treeview.view > header > button.suggested-action:checked:focus arrow, .osd dnd tab.suggested-action:selected:hover, dnd .osd tab.suggested-action:selected:hover, .osd tabbar tab.suggested-action:selected:hover, tabbar .osd tab.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header dnd tab.suggested-action:selected:hover, dnd .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tab.suggested-action:selected:hover, tabbar .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header .osd dnd tab.suggested-action:selected:hover, dnd notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tab.suggested-action:selected:hover, tabbar notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd columnview.view > header > button.suggested-action:selected:hover, .osd treeview.view > header > button.suggested-action:selected:hover, .osd dnd tab.suggested-action:selected:hover image, dnd .osd tab.suggested-action:selected:hover image, .osd tabbar tab.suggested-action:selected:hover image, tabbar .osd tab.suggested-action:selected:hover image, .osd notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header .osd tabs > tab.suggested-action:selected:hover image, .osd notebook > header dnd tab.suggested-action:selected:hover image, dnd .osd notebook > header tab.suggested-action:selected:hover image, .osd notebook > header tabbar tab.suggested-action:selected:hover image, tabbar .osd notebook > header tab.suggested-action:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover image, notebook > header .osd dnd tab.suggested-action:selected:hover image, dnd notebook > header .osd tab.suggested-action:selected:hover image, notebook > header .osd tabbar tab.suggested-action:selected:hover image, tabbar notebook > header .osd tab.suggested-action:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action:selected:hover image, .osd columnview.view > header > button.suggested-action:selected:hover image, .osd treeview.view > header > button.suggested-action:selected:hover image, .osd dnd tab.suggested-action:selected:hover arrow, dnd .osd tab.suggested-action:selected:hover arrow, .osd tabbar tab.suggested-action:selected:hover arrow, tabbar .osd tab.suggested-action:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action:selected:hover arrow, .osd notebook > header dnd tab.suggested-action:selected:hover arrow, dnd .osd notebook > header tab.suggested-action:selected:hover arrow, .osd notebook > header tabbar tab.suggested-action:selected:hover arrow, tabbar .osd notebook > header tab.suggested-action:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover arrow, notebook > header .osd dnd tab.suggested-action:selected:hover arrow, dnd notebook > header .osd tab.suggested-action:selected:hover arrow, notebook > header .osd tabbar tab.suggested-action:selected:hover arrow, tabbar notebook > header .osd tab.suggested-action:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:hover arrow, .osd columnview.view > header > button.suggested-action:selected:hover arrow, .osd treeview.view > header > button.suggested-action:selected:hover arrow, .osd dnd tab.suggested-action:selected:focus, dnd .osd tab.suggested-action:selected:focus, .osd tabbar tab.suggested-action:selected:focus, tabbar .osd tab.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header dnd tab.suggested-action:selected:focus, dnd .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tab.suggested-action:selected:focus, tabbar .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header .osd dnd tab.suggested-action:selected:focus, dnd notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tab.suggested-action:selected:focus, tabbar notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd columnview.view > header > button.suggested-action:selected:focus, .osd treeview.view > header > button.suggested-action:selected:focus, .osd dnd tab.suggested-action:selected:focus image, dnd .osd tab.suggested-action:selected:focus image, .osd tabbar tab.suggested-action:selected:focus image, tabbar .osd tab.suggested-action:selected:focus image, .osd notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header .osd tabs > tab.suggested-action:selected:focus image, .osd notebook > header dnd tab.suggested-action:selected:focus image, dnd .osd notebook > header tab.suggested-action:selected:focus image, .osd notebook > header tabbar tab.suggested-action:selected:focus image, tabbar .osd notebook > header tab.suggested-action:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus image, notebook > header .osd dnd tab.suggested-action:selected:focus image, dnd notebook > header .osd tab.suggested-action:selected:focus image, notebook > header .osd tabbar tab.suggested-action:selected:focus image, tabbar notebook > header .osd tab.suggested-action:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action:selected:focus image, .osd columnview.view > header > button.suggested-action:selected:focus image, .osd treeview.view > header > button.suggested-action:selected:focus image, .osd dnd tab.suggested-action:selected:focus arrow, dnd .osd tab.suggested-action:selected:focus arrow, .osd tabbar tab.suggested-action:selected:focus arrow, tabbar .osd tab.suggested-action:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action:selected:focus arrow, .osd notebook > header dnd tab.suggested-action:selected:focus arrow, dnd .osd notebook > header tab.suggested-action:selected:focus arrow, .osd notebook > header tabbar tab.suggested-action:selected:focus arrow, tabbar .osd notebook > header tab.suggested-action:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus arrow, notebook > header .osd dnd tab.suggested-action:selected:focus arrow, dnd notebook > header .osd tab.suggested-action:selected:focus arrow, notebook > header .osd tabbar tab.suggested-action:selected:focus arrow, tabbar notebook > header .osd tab.suggested-action:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:focus arrow, .osd columnview.view > header > button.suggested-action:selected:focus arrow, .osd treeview.view > header > button.suggested-action:selected:focus arrow, .osd dnd tab.suggested-action.has-open-popup:hover, dnd .osd tab.suggested-action.has-open-popup:hover, .osd tabbar tab.suggested-action.has-open-popup:hover, tabbar .osd tab.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd columnview.view > header > button.suggested-action.has-open-popup:hover, .osd treeview.view > header > button.suggested-action.has-open-popup:hover, .osd dnd tab.suggested-action.has-open-popup:hover image, dnd .osd tab.suggested-action.has-open-popup:hover image, .osd tabbar tab.suggested-action.has-open-popup:hover image, tabbar .osd tab.suggested-action.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, .osd columnview.view > header > button.suggested-action.has-open-popup:hover image, .osd treeview.view > header > button.suggested-action.has-open-popup:hover image, .osd dnd tab.suggested-action.has-open-popup:hover arrow, dnd .osd tab.suggested-action.has-open-popup:hover arrow, .osd tabbar tab.suggested-action.has-open-popup:hover arrow, tabbar .osd tab.suggested-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, .osd columnview.view > header > button.suggested-action.has-open-popup:hover arrow, .osd treeview.view > header > button.suggested-action.has-open-popup:hover arrow, .osd dnd tab.suggested-action.has-open-popup:focus, dnd .osd tab.suggested-action.has-open-popup:focus, .osd tabbar tab.suggested-action.has-open-popup:focus, tabbar .osd tab.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd columnview.view > header > button.suggested-action.has-open-popup:focus, .osd treeview.view > header > button.suggested-action.has-open-popup:focus, .osd dnd tab.suggested-action.has-open-popup:focus image, dnd .osd tab.suggested-action.has-open-popup:focus image, .osd tabbar tab.suggested-action.has-open-popup:focus image, tabbar .osd tab.suggested-action.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, .osd columnview.view > header > button.suggested-action.has-open-popup:focus image, .osd treeview.view > header > button.suggested-action.has-open-popup:focus image, .osd dnd tab.suggested-action.has-open-popup:focus arrow, dnd .osd tab.suggested-action.has-open-popup:focus arrow, .osd tabbar tab.suggested-action.has-open-popup:focus arrow, tabbar .osd tab.suggested-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, .osd columnview.view > header > button.suggested-action.has-open-popup:focus arrow, .osd treeview.view > header > button.suggested-action.has-open-popup:focus arrow, .osd dnd tab.suggested-action.osd:checked:hover, dnd .osd tab.suggested-action.osd:checked:hover, .osd tabbar tab.suggested-action.osd:checked:hover, tabbar .osd tab.suggested-action.osd:checked:hover, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover, .osd notebook > header dnd tab.osd:checked:hover, dnd .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tab.osd:checked:hover, tabbar .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header .osd dnd tab.osd:checked:hover, dnd notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tab.osd:checked:hover, tabbar notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover, .osd columnview.view > header > button.suggested-action.osd:checked:hover, .osd treeview.view > header > button.suggested-action.osd:checked:hover, .osd dnd tab.suggested-action.osd:checked:hover image, dnd .osd tab.suggested-action.osd:checked:hover image, .osd tabbar tab.suggested-action.osd:checked:hover image, tabbar .osd tab.suggested-action.osd:checked:hover image, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover image, .osd notebook > header dnd tab.osd:checked:hover image, dnd .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tab.osd:checked:hover image, tabbar .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header .osd dnd tab.osd:checked:hover image, dnd notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tab.osd:checked:hover image, tabbar notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, .osd columnview.view > header > button.suggested-action.osd:checked:hover image, .osd treeview.view > header > button.suggested-action.osd:checked:hover image, .osd dnd tab.suggested-action.osd:checked:hover arrow, dnd .osd tab.suggested-action.osd:checked:hover arrow, .osd tabbar tab.suggested-action.osd:checked:hover arrow, tabbar .osd tab.suggested-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover arrow, .osd notebook > header dnd tab.osd:checked:hover arrow, dnd .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tab.osd:checked:hover arrow, tabbar .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header .osd dnd tab.osd:checked:hover arrow, dnd notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tab.osd:checked:hover arrow, tabbar notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, .osd columnview.view > header > button.suggested-action.osd:checked:hover arrow, .osd treeview.view > header > button.suggested-action.osd:checked:hover arrow, .osd dnd tab.suggested-action.osd:checked:focus, dnd .osd tab.suggested-action.osd:checked:focus, .osd tabbar tab.suggested-action.osd:checked:focus, tabbar .osd tab.suggested-action.osd:checked:focus, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus, .osd notebook > header dnd tab.osd:checked:focus, dnd .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tab.osd:checked:focus, tabbar .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header .osd dnd tab.osd:checked:focus, dnd notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tab.osd:checked:focus, tabbar notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus, .osd columnview.view > header > button.suggested-action.osd:checked:focus, .osd treeview.view > header > button.suggested-action.osd:checked:focus, .osd dnd tab.suggested-action.osd:checked:focus image, dnd .osd tab.suggested-action.osd:checked:focus image, .osd tabbar tab.suggested-action.osd:checked:focus image, tabbar .osd tab.suggested-action.osd:checked:focus image, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus image, .osd notebook > header dnd tab.osd:checked:focus image, dnd .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tab.osd:checked:focus image, tabbar .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header .osd dnd tab.osd:checked:focus image, dnd notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tab.osd:checked:focus image, tabbar notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, .osd columnview.view > header > button.suggested-action.osd:checked:focus image, .osd treeview.view > header > button.suggested-action.osd:checked:focus image, .osd dnd tab.suggested-action.osd:checked:focus arrow, dnd .osd tab.suggested-action.osd:checked:focus arrow, .osd tabbar tab.suggested-action.osd:checked:focus arrow, tabbar .osd tab.suggested-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus arrow, .osd notebook > header dnd tab.osd:checked:focus arrow, dnd .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tab.osd:checked:focus arrow, tabbar .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header .osd dnd tab.osd:checked:focus arrow, dnd notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tab.osd:checked:focus arrow, tabbar notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, .osd columnview.view > header > button.suggested-action.osd:checked:focus arrow, .osd treeview.view > header > button.suggested-action.osd:checked:focus arrow, .osd dnd tab.suggested-action.osd:selected:hover, dnd .osd tab.suggested-action.osd:selected:hover, .osd tabbar tab.suggested-action.osd:selected:hover, tabbar .osd tab.suggested-action.osd:selected:hover, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover, .osd notebook > header dnd tab.osd:selected:hover, dnd .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tab.osd:selected:hover, tabbar .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header .osd dnd tab.osd:selected:hover, dnd notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tab.osd:selected:hover, tabbar notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover, .osd columnview.view > header > button.suggested-action.osd:selected:hover, .osd treeview.view > header > button.suggested-action.osd:selected:hover, .osd dnd tab.suggested-action.osd:selected:hover image, dnd .osd tab.suggested-action.osd:selected:hover image, .osd tabbar tab.suggested-action.osd:selected:hover image, tabbar .osd tab.suggested-action.osd:selected:hover image, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover image, .osd notebook > header dnd tab.osd:selected:hover image, dnd .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tab.osd:selected:hover image, tabbar .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header .osd dnd tab.osd:selected:hover image, dnd notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tab.osd:selected:hover image, tabbar notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, .osd columnview.view > header > button.suggested-action.osd:selected:hover image, .osd treeview.view > header > button.suggested-action.osd:selected:hover image, .osd dnd tab.suggested-action.osd:selected:hover arrow, dnd .osd tab.suggested-action.osd:selected:hover arrow, .osd tabbar tab.suggested-action.osd:selected:hover arrow, tabbar .osd tab.suggested-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover arrow, .osd notebook > header dnd tab.osd:selected:hover arrow, dnd .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tab.osd:selected:hover arrow, tabbar .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header .osd dnd tab.osd:selected:hover arrow, dnd notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tab.osd:selected:hover arrow, tabbar notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, .osd columnview.view > header > button.suggested-action.osd:selected:hover arrow, .osd treeview.view > header > button.suggested-action.osd:selected:hover arrow, .osd dnd tab.suggested-action.osd:selected:focus, dnd .osd tab.suggested-action.osd:selected:focus, .osd tabbar tab.suggested-action.osd:selected:focus, tabbar .osd tab.suggested-action.osd:selected:focus, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus, .osd notebook > header dnd tab.osd:selected:focus, dnd .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tab.osd:selected:focus, tabbar .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header .osd dnd tab.osd:selected:focus, dnd notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tab.osd:selected:focus, tabbar notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus, .osd columnview.view > header > button.suggested-action.osd:selected:focus, .osd treeview.view > header > button.suggested-action.osd:selected:focus, .osd dnd tab.suggested-action.osd:selected:focus image, dnd .osd tab.suggested-action.osd:selected:focus image, .osd tabbar tab.suggested-action.osd:selected:focus image, tabbar .osd tab.suggested-action.osd:selected:focus image, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus image, .osd notebook > header dnd tab.osd:selected:focus image, dnd .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tab.osd:selected:focus image, tabbar .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header .osd dnd tab.osd:selected:focus image, dnd notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tab.osd:selected:focus image, tabbar notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, .osd columnview.view > header > button.suggested-action.osd:selected:focus image, .osd treeview.view > header > button.suggested-action.osd:selected:focus image, .osd dnd tab.suggested-action.osd:selected:focus arrow, dnd .osd tab.suggested-action.osd:selected:focus arrow, .osd tabbar tab.suggested-action.osd:selected:focus arrow, tabbar .osd tab.suggested-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus arrow, .osd notebook > header dnd tab.osd:selected:focus arrow, dnd .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tab.osd:selected:focus arrow, tabbar .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header .osd dnd tab.osd:selected:focus arrow, dnd notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tab.osd:selected:focus arrow, tabbar notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, .osd columnview.view > header > button.suggested-action.osd:selected:focus arrow, .osd treeview.view > header > button.suggested-action.osd:selected:focus arrow, .osd dnd tab.suggested-action.osd.has-open-popup:hover, dnd .osd tab.suggested-action.osd.has-open-popup:hover, .osd tabbar tab.suggested-action.osd.has-open-popup:hover, tabbar .osd tab.suggested-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:hover, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:hover, .osd dnd tab.suggested-action.osd.has-open-popup:hover image, dnd .osd tab.suggested-action.osd.has-open-popup:hover image, .osd tabbar tab.suggested-action.osd.has-open-popup:hover image, tabbar .osd tab.suggested-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:hover image, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:hover image, .osd dnd tab.suggested-action.osd.has-open-popup:hover arrow, dnd .osd tab.suggested-action.osd.has-open-popup:hover arrow, .osd tabbar tab.suggested-action.osd.has-open-popup:hover arrow, tabbar .osd tab.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, .osd dnd tab.suggested-action.osd.has-open-popup:focus, dnd .osd tab.suggested-action.osd.has-open-popup:focus, .osd tabbar tab.suggested-action.osd.has-open-popup:focus, tabbar .osd tab.suggested-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:focus, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:focus, .osd dnd tab.suggested-action.osd.has-open-popup:focus image, dnd .osd tab.suggested-action.osd.has-open-popup:focus image, .osd tabbar tab.suggested-action.osd.has-open-popup:focus image, tabbar .osd tab.suggested-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:focus image, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:focus image, .osd dnd tab.suggested-action.osd.has-open-popup:focus arrow, dnd .osd tab.suggested-action.osd.has-open-popup:focus arrow, .osd tabbar tab.suggested-action.osd.has-open-popup:focus arrow, tabbar .osd tab.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:hover image, .osd button.suggested-action:checked:hover arrow, .osd button.suggested-action:checked:focus, .osd button.suggested-action:checked:focus image, .osd button.suggested-action:checked:focus arrow, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:hover image, .osd button.suggested-action:selected:hover arrow, .osd button.suggested-action:selected:focus, .osd button.suggested-action:selected:focus image, .osd button.suggested-action:selected:focus arrow, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:hover image, .osd button.suggested-action.has-open-popup:hover arrow, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.has-open-popup:focus image, .osd button.suggested-action.has-open-popup:focus arrow, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:hover image, .osd button.suggested-action.osd:checked:hover arrow, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:checked:focus image, .osd button.suggested-action.osd:checked:focus arrow, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:hover image, .osd button.suggested-action.osd:selected:hover arrow, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd:selected:focus image, .osd button.suggested-action.osd:selected:focus arrow, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:hover image, .osd button.suggested-action.osd.has-open-popup:hover arrow, .osd button.suggested-action.osd.has-open-popup:focus, .osd button.suggested-action.osd.has-open-popup:focus image, .osd button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action.osd:disabled, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd tab.destructive-action, tabbar tab.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header tabbox > tabboxchild.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action, button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus, button.destructive-action.osd:hover, button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:hover image, tabbar tab.destructive-action:hover image, notebook > header tabs > tab.destructive-action:hover image, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover image, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover image, notebook > header > tabs > arrow.destructive-action:hover image, dnd tab.destructive-action:hover arrow, tabbar tab.destructive-action:hover arrow, notebook > header tabs > tab.destructive-action:hover arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover arrow, notebook > header > tabs > arrow.destructive-action:hover arrow, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, dnd tab.destructive-action:focus image, tabbar tab.destructive-action:focus image, notebook > header tabs > tab.destructive-action:focus image, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus image, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus image, notebook > header > tabs > arrow.destructive-action:focus image, dnd tab.destructive-action:focus arrow, tabbar tab.destructive-action:focus arrow, notebook > header tabs > tab.destructive-action:focus arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus arrow, notebook > header > tabs > arrow.destructive-action:focus arrow, button.destructive-action:hover, button.destructive-action:hover image, button.destructive-action:hover arrow, button.destructive-action:focus, button.destructive-action:focus image, button.destructive-action:focus arrow, button.destructive-action.osd:hover, button.destructive-action.osd:hover image, button.destructive-action.osd:hover arrow, button.destructive-action.osd:focus, button.destructive-action.osd:focus image, button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, dnd tab.destructive-action.keyboard-activating, tabbar tab.destructive-action.keyboard-activating, notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header dnd tab.keyboard-activating, dnd notebook > header tab.keyboard-activating, notebook > header tabbar tab.keyboard-activating, tabbar notebook > header tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.destructive-action.keyboard-activating, button.destructive-action:active, button.destructive-action.keyboard-activating, button.destructive-action.osd:active, button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, dnd tab.destructive-action:selected, tabbar tab.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, dnd tab.destructive-action.has-open-popup, tabbar tab.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, button.destructive-action:checked, button.destructive-action:selected, button.destructive-action.has-open-popup, button.destructive-action.osd:checked, button.destructive-action.osd:selected, button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header dnd tab.destructive-action:checked, dnd notebook > header tab.destructive-action:checked, notebook > header tabbar tab.destructive-action:checked, tabbar notebook > header tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, dnd tab.destructive-action:checked image, tabbar tab.destructive-action:checked image, notebook > header tabs > tab.destructive-action:checked image, notebook > header dnd tab.destructive-action:checked image, dnd notebook > header tab.destructive-action:checked image, notebook > header tabbar tab.destructive-action:checked image, tabbar notebook > header tab.destructive-action:checked image, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked image, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked image, notebook > header > tabs > arrow.destructive-action:checked image, dnd tab.destructive-action:checked arrow, tabbar tab.destructive-action:checked arrow, notebook > header tabs > tab.destructive-action:checked arrow, notebook > header dnd tab.destructive-action:checked arrow, dnd notebook > header tab.destructive-action:checked arrow, notebook > header tabbar tab.destructive-action:checked arrow, tabbar notebook > header tab.destructive-action:checked arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked arrow, notebook > header > tabs > arrow.destructive-action:checked arrow, dnd tab.destructive-action:selected, tabbar tab.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header dnd tab.destructive-action:selected, dnd notebook > header tab.destructive-action:selected, notebook > header tabbar tab.destructive-action:selected, tabbar notebook > header tab.destructive-action:selected, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, dnd tab.destructive-action:selected image, tabbar tab.destructive-action:selected image, notebook > header tabs > tab.destructive-action:selected image, notebook > header dnd tab.destructive-action:selected image, dnd notebook > header tab.destructive-action:selected image, notebook > header tabbar tab.destructive-action:selected image, tabbar notebook > header tab.destructive-action:selected image, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected image, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected image, notebook > header > tabs > arrow.destructive-action:selected image, dnd tab.destructive-action:selected arrow, tabbar tab.destructive-action:selected arrow, notebook > header tabs > tab.destructive-action:selected arrow, notebook > header dnd tab.destructive-action:selected arrow, dnd notebook > header tab.destructive-action:selected arrow, notebook > header tabbar tab.destructive-action:selected arrow, tabbar notebook > header tab.destructive-action:selected arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected arrow, notebook > header > tabs > arrow.destructive-action:selected arrow, dnd tab.destructive-action.has-open-popup, tabbar tab.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, dnd tab.destructive-action.has-open-popup image, tabbar tab.destructive-action.has-open-popup image, notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.destructive-action.has-open-popup image, dnd tab.destructive-action.has-open-popup arrow, tabbar tab.destructive-action.has-open-popup arrow, notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, dnd tab.destructive-action.osd:checked, tabbar tab.destructive-action.osd:checked, dnd tab.destructive-action.osd:checked image, tabbar tab.destructive-action.osd:checked image, dnd tab.destructive-action.osd:checked arrow, tabbar tab.destructive-action.osd:checked arrow, dnd tab.destructive-action.osd:selected, tabbar tab.destructive-action.osd:selected, dnd tab.destructive-action.osd:selected image, tabbar tab.destructive-action.osd:selected image, dnd tab.destructive-action.osd:selected arrow, tabbar tab.destructive-action.osd:selected arrow, dnd tab.destructive-action.osd.has-open-popup, tabbar tab.destructive-action.osd.has-open-popup, dnd tab.destructive-action.osd.has-open-popup image, tabbar tab.destructive-action.osd.has-open-popup image, dnd tab.destructive-action.osd.has-open-popup arrow, tabbar tab.destructive-action.osd.has-open-popup arrow, button.destructive-action:checked, button.destructive-action:checked image, button.destructive-action:checked arrow, button.destructive-action:selected, button.destructive-action:selected image, button.destructive-action:selected arrow, button.destructive-action.has-open-popup, button.destructive-action.has-open-popup image, button.destructive-action.has-open-popup arrow, button.destructive-action.osd:checked, button.destructive-action.osd:checked image, button.destructive-action.osd:checked arrow, button.destructive-action.osd:selected, button.destructive-action.osd:selected image, button.destructive-action.osd:selected arrow, button.destructive-action.osd.has-open-popup, button.destructive-action.osd.has-open-popup image, button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab.destructive-action:checked:hover, tabbar tab.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, dnd tab.destructive-action:checked:focus, tabbar tab.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, dnd tab.destructive-action:selected:hover, tabbar tab.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, dnd tab.destructive-action:selected:focus, tabbar tab.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, dnd tab.destructive-action.has-open-popup:hover, tabbar tab.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, dnd tab.destructive-action.has-open-popup:focus, tabbar tab.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, button.destructive-action:checked:hover, button.destructive-action:checked:focus, button.destructive-action:selected:hover, button.destructive-action:selected:focus, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:focus, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:focus, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:focus, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +dnd tab.destructive-action:checked:hover, tabbar tab.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header dnd tab.destructive-action:checked:hover, dnd notebook > header tab.destructive-action:checked:hover, notebook > header tabbar tab.destructive-action:checked:hover, tabbar notebook > header tab.destructive-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, columnview.view > header > button.destructive-action:checked:hover, treeview.view > header > button.destructive-action:checked:hover, dnd tab.destructive-action:checked:hover image, tabbar tab.destructive-action:checked:hover image, notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header dnd tab.destructive-action:checked:hover image, dnd notebook > header tab.destructive-action:checked:hover image, notebook > header tabbar tab.destructive-action:checked:hover image, tabbar notebook > header tab.destructive-action:checked:hover image, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover image, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover image, notebook > header > tabs > arrow.destructive-action:checked:hover image, columnview.view > header > button.destructive-action:checked:hover image, treeview.view > header > button.destructive-action:checked:hover image, dnd tab.destructive-action:checked:hover arrow, tabbar tab.destructive-action:checked:hover arrow, notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header dnd tab.destructive-action:checked:hover arrow, dnd notebook > header tab.destructive-action:checked:hover arrow, notebook > header tabbar tab.destructive-action:checked:hover arrow, tabbar notebook > header tab.destructive-action:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover arrow, notebook > header > tabs > arrow.destructive-action:checked:hover arrow, columnview.view > header > button.destructive-action:checked:hover arrow, treeview.view > header > button.destructive-action:checked:hover arrow, dnd tab.destructive-action:checked:focus, tabbar tab.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header dnd tab.destructive-action:checked:focus, dnd notebook > header tab.destructive-action:checked:focus, notebook > header tabbar tab.destructive-action:checked:focus, tabbar notebook > header tab.destructive-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, columnview.view > header > button.destructive-action:checked:focus, treeview.view > header > button.destructive-action:checked:focus, dnd tab.destructive-action:checked:focus image, tabbar tab.destructive-action:checked:focus image, notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header dnd tab.destructive-action:checked:focus image, dnd notebook > header tab.destructive-action:checked:focus image, notebook > header tabbar tab.destructive-action:checked:focus image, tabbar notebook > header tab.destructive-action:checked:focus image, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus image, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus image, notebook > header > tabs > arrow.destructive-action:checked:focus image, columnview.view > header > button.destructive-action:checked:focus image, treeview.view > header > button.destructive-action:checked:focus image, dnd tab.destructive-action:checked:focus arrow, tabbar tab.destructive-action:checked:focus arrow, notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header dnd tab.destructive-action:checked:focus arrow, dnd notebook > header tab.destructive-action:checked:focus arrow, notebook > header tabbar tab.destructive-action:checked:focus arrow, tabbar notebook > header tab.destructive-action:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus arrow, notebook > header > tabs > arrow.destructive-action:checked:focus arrow, columnview.view > header > button.destructive-action:checked:focus arrow, treeview.view > header > button.destructive-action:checked:focus arrow, dnd tab.destructive-action:selected:hover, tabbar tab.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header dnd tab.destructive-action:selected:hover, dnd notebook > header tab.destructive-action:selected:hover, notebook > header tabbar tab.destructive-action:selected:hover, tabbar notebook > header tab.destructive-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, columnview.view > header > button.destructive-action:selected:hover, treeview.view > header > button.destructive-action:selected:hover, dnd tab.destructive-action:selected:hover image, tabbar tab.destructive-action:selected:hover image, notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header dnd tab.destructive-action:selected:hover image, dnd notebook > header tab.destructive-action:selected:hover image, notebook > header tabbar tab.destructive-action:selected:hover image, tabbar notebook > header tab.destructive-action:selected:hover image, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover image, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover image, notebook > header > tabs > arrow.destructive-action:selected:hover image, columnview.view > header > button.destructive-action:selected:hover image, treeview.view > header > button.destructive-action:selected:hover image, dnd tab.destructive-action:selected:hover arrow, tabbar tab.destructive-action:selected:hover arrow, notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header dnd tab.destructive-action:selected:hover arrow, dnd notebook > header tab.destructive-action:selected:hover arrow, notebook > header tabbar tab.destructive-action:selected:hover arrow, tabbar notebook > header tab.destructive-action:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover arrow, notebook > header > tabs > arrow.destructive-action:selected:hover arrow, columnview.view > header > button.destructive-action:selected:hover arrow, treeview.view > header > button.destructive-action:selected:hover arrow, dnd tab.destructive-action:selected:focus, tabbar tab.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header dnd tab.destructive-action:selected:focus, dnd notebook > header tab.destructive-action:selected:focus, notebook > header tabbar tab.destructive-action:selected:focus, tabbar notebook > header tab.destructive-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, columnview.view > header > button.destructive-action:selected:focus, treeview.view > header > button.destructive-action:selected:focus, dnd tab.destructive-action:selected:focus image, tabbar tab.destructive-action:selected:focus image, notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header dnd tab.destructive-action:selected:focus image, dnd notebook > header tab.destructive-action:selected:focus image, notebook > header tabbar tab.destructive-action:selected:focus image, tabbar notebook > header tab.destructive-action:selected:focus image, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus image, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus image, notebook > header > tabs > arrow.destructive-action:selected:focus image, columnview.view > header > button.destructive-action:selected:focus image, treeview.view > header > button.destructive-action:selected:focus image, dnd tab.destructive-action:selected:focus arrow, tabbar tab.destructive-action:selected:focus arrow, notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header dnd tab.destructive-action:selected:focus arrow, dnd notebook > header tab.destructive-action:selected:focus arrow, notebook > header tabbar tab.destructive-action:selected:focus arrow, tabbar notebook > header tab.destructive-action:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus arrow, notebook > header > tabs > arrow.destructive-action:selected:focus arrow, columnview.view > header > button.destructive-action:selected:focus arrow, treeview.view > header > button.destructive-action:selected:focus arrow, dnd tab.destructive-action.has-open-popup:hover, tabbar tab.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, columnview.view > header > button.destructive-action.has-open-popup:hover, treeview.view > header > button.destructive-action.has-open-popup:hover, dnd tab.destructive-action.has-open-popup:hover image, tabbar tab.destructive-action.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, columnview.view > header > button.destructive-action.has-open-popup:hover image, treeview.view > header > button.destructive-action.has-open-popup:hover image, dnd tab.destructive-action.has-open-popup:hover arrow, tabbar tab.destructive-action.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, columnview.view > header > button.destructive-action.has-open-popup:hover arrow, treeview.view > header > button.destructive-action.has-open-popup:hover arrow, dnd tab.destructive-action.has-open-popup:focus, tabbar tab.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, columnview.view > header > button.destructive-action.has-open-popup:focus, treeview.view > header > button.destructive-action.has-open-popup:focus, dnd tab.destructive-action.has-open-popup:focus image, tabbar tab.destructive-action.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, columnview.view > header > button.destructive-action.has-open-popup:focus image, treeview.view > header > button.destructive-action.has-open-popup:focus image, dnd tab.destructive-action.has-open-popup:focus arrow, tabbar tab.destructive-action.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, columnview.view > header > button.destructive-action.has-open-popup:focus arrow, treeview.view > header > button.destructive-action.has-open-popup:focus arrow, dnd tab.destructive-action.osd:checked:hover, tabbar tab.destructive-action.osd:checked:hover, notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header dnd tab.osd:checked:hover, dnd notebook > header tab.osd:checked:hover, notebook > header tabbar tab.osd:checked:hover, tabbar notebook > header tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.destructive-action.osd:checked:hover, columnview.view > header > button.destructive-action.osd:checked:hover, treeview.view > header > button.destructive-action.osd:checked:hover, dnd tab.destructive-action.osd:checked:hover image, tabbar tab.destructive-action.osd:checked:hover image, notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header dnd tab.osd:checked:hover image, dnd notebook > header tab.osd:checked:hover image, notebook > header tabbar tab.osd:checked:hover image, tabbar notebook > header tab.osd:checked:hover image, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, columnview.view > header > button.destructive-action.osd:checked:hover image, treeview.view > header > button.destructive-action.osd:checked:hover image, dnd tab.destructive-action.osd:checked:hover arrow, tabbar tab.destructive-action.osd:checked:hover arrow, notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header dnd tab.osd:checked:hover arrow, dnd notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tab.osd:checked:hover arrow, tabbar notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, columnview.view > header > button.destructive-action.osd:checked:hover arrow, treeview.view > header > button.destructive-action.osd:checked:hover arrow, dnd tab.destructive-action.osd:checked:focus, tabbar tab.destructive-action.osd:checked:focus, notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header dnd tab.osd:checked:focus, dnd notebook > header tab.osd:checked:focus, notebook > header tabbar tab.osd:checked:focus, tabbar notebook > header tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.destructive-action.osd:checked:focus, columnview.view > header > button.destructive-action.osd:checked:focus, treeview.view > header > button.destructive-action.osd:checked:focus, dnd tab.destructive-action.osd:checked:focus image, tabbar tab.destructive-action.osd:checked:focus image, notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header dnd tab.osd:checked:focus image, dnd notebook > header tab.osd:checked:focus image, notebook > header tabbar tab.osd:checked:focus image, tabbar notebook > header tab.osd:checked:focus image, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, columnview.view > header > button.destructive-action.osd:checked:focus image, treeview.view > header > button.destructive-action.osd:checked:focus image, dnd tab.destructive-action.osd:checked:focus arrow, tabbar tab.destructive-action.osd:checked:focus arrow, notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header dnd tab.osd:checked:focus arrow, dnd notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tab.osd:checked:focus arrow, tabbar notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, columnview.view > header > button.destructive-action.osd:checked:focus arrow, treeview.view > header > button.destructive-action.osd:checked:focus arrow, dnd tab.destructive-action.osd:selected:hover, tabbar tab.destructive-action.osd:selected:hover, notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header dnd tab.osd:selected:hover, dnd notebook > header tab.osd:selected:hover, notebook > header tabbar tab.osd:selected:hover, tabbar notebook > header tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.destructive-action.osd:selected:hover, columnview.view > header > button.destructive-action.osd:selected:hover, treeview.view > header > button.destructive-action.osd:selected:hover, dnd tab.destructive-action.osd:selected:hover image, tabbar tab.destructive-action.osd:selected:hover image, notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header dnd tab.osd:selected:hover image, dnd notebook > header tab.osd:selected:hover image, notebook > header tabbar tab.osd:selected:hover image, tabbar notebook > header tab.osd:selected:hover image, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, columnview.view > header > button.destructive-action.osd:selected:hover image, treeview.view > header > button.destructive-action.osd:selected:hover image, dnd tab.destructive-action.osd:selected:hover arrow, tabbar tab.destructive-action.osd:selected:hover arrow, notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header dnd tab.osd:selected:hover arrow, dnd notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tab.osd:selected:hover arrow, tabbar notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, columnview.view > header > button.destructive-action.osd:selected:hover arrow, treeview.view > header > button.destructive-action.osd:selected:hover arrow, dnd tab.destructive-action.osd:selected:focus, tabbar tab.destructive-action.osd:selected:focus, notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header dnd tab.osd:selected:focus, dnd notebook > header tab.osd:selected:focus, notebook > header tabbar tab.osd:selected:focus, tabbar notebook > header tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.destructive-action.osd:selected:focus, columnview.view > header > button.destructive-action.osd:selected:focus, treeview.view > header > button.destructive-action.osd:selected:focus, dnd tab.destructive-action.osd:selected:focus image, tabbar tab.destructive-action.osd:selected:focus image, notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header dnd tab.osd:selected:focus image, dnd notebook > header tab.osd:selected:focus image, notebook > header tabbar tab.osd:selected:focus image, tabbar notebook > header tab.osd:selected:focus image, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, columnview.view > header > button.destructive-action.osd:selected:focus image, treeview.view > header > button.destructive-action.osd:selected:focus image, dnd tab.destructive-action.osd:selected:focus arrow, tabbar tab.destructive-action.osd:selected:focus arrow, notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header dnd tab.osd:selected:focus arrow, dnd notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tab.osd:selected:focus arrow, tabbar notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, columnview.view > header > button.destructive-action.osd:selected:focus arrow, treeview.view > header > button.destructive-action.osd:selected:focus arrow, dnd tab.destructive-action.osd.has-open-popup:hover, tabbar tab.destructive-action.osd.has-open-popup:hover, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, columnview.view > header > button.destructive-action.osd.has-open-popup:hover, treeview.view > header > button.destructive-action.osd.has-open-popup:hover, dnd tab.destructive-action.osd.has-open-popup:hover image, tabbar tab.destructive-action.osd.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, columnview.view > header > button.destructive-action.osd.has-open-popup:hover image, treeview.view > header > button.destructive-action.osd.has-open-popup:hover image, dnd tab.destructive-action.osd.has-open-popup:hover arrow, tabbar tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, columnview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, treeview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, dnd tab.destructive-action.osd.has-open-popup:focus, tabbar tab.destructive-action.osd.has-open-popup:focus, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, columnview.view > header > button.destructive-action.osd.has-open-popup:focus, treeview.view > header > button.destructive-action.osd.has-open-popup:focus, dnd tab.destructive-action.osd.has-open-popup:focus image, tabbar tab.destructive-action.osd.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, columnview.view > header > button.destructive-action.osd.has-open-popup:focus image, treeview.view > header > button.destructive-action.osd.has-open-popup:focus image, dnd tab.destructive-action.osd.has-open-popup:focus arrow, tabbar tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, columnview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, treeview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, button.destructive-action:checked:hover, button.destructive-action:checked:hover image, button.destructive-action:checked:hover arrow, button.destructive-action:checked:focus, button.destructive-action:checked:focus image, button.destructive-action:checked:focus arrow, button.destructive-action:selected:hover, button.destructive-action:selected:hover image, button.destructive-action:selected:hover arrow, button.destructive-action:selected:focus, button.destructive-action:selected:focus image, button.destructive-action:selected:focus arrow, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:hover image, button.destructive-action.has-open-popup:hover arrow, button.destructive-action.has-open-popup:focus, button.destructive-action.has-open-popup:focus image, button.destructive-action.has-open-popup:focus arrow, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:hover image, button.destructive-action.osd:checked:hover arrow, button.destructive-action.osd:checked:focus, button.destructive-action.osd:checked:focus image, button.destructive-action.osd:checked:focus arrow, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:hover image, button.destructive-action.osd:selected:hover arrow, button.destructive-action.osd:selected:focus, button.destructive-action.osd:selected:focus image, button.destructive-action.osd:selected:focus arrow, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:hover image, button.destructive-action.osd.has-open-popup:hover arrow, button.destructive-action.osd.has-open-popup:focus, button.destructive-action.osd.has-open-popup:focus image, button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab.destructive-action:disabled, tabbar tab.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled, button.destructive-action:disabled:checked, button.destructive-action:disabled:selected, button.destructive-action:disabled.has-open-popup, button.destructive-action.osd:disabled, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd dnd tab.destructive-action, dnd .osd tab.destructive-action, .osd tabbar tab.destructive-action, tabbar .osd tab.destructive-action, .osd notebook > header tabs > tab.destructive-action, notebook > header .osd tabs > tab.destructive-action, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action, .osd notebook > header > tabs > arrow.destructive-action, .osd button.destructive-action, .osd button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd dnd tab.destructive-action:focus, dnd .osd tab.destructive-action:focus, .osd tabbar tab.destructive-action:focus, tabbar .osd tab.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd button.destructive-action:hover, .osd button.destructive-action:focus, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header dnd tab.destructive-action:hover, dnd .osd notebook > header tab.destructive-action:hover, .osd notebook > header tabbar tab.destructive-action:hover, tabbar .osd notebook > header tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd dnd tab.destructive-action:hover, dnd notebook > header .osd tab.destructive-action:hover, notebook > header .osd tabbar tab.destructive-action:hover, tabbar notebook > header .osd tab.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd dnd tab.destructive-action:hover image, dnd .osd tab.destructive-action:hover image, .osd tabbar tab.destructive-action:hover image, tabbar .osd tab.destructive-action:hover image, .osd notebook > header tabs > tab.destructive-action:hover image, notebook > header .osd tabs > tab.destructive-action:hover image, .osd notebook > header dnd tab.destructive-action:hover image, dnd .osd notebook > header tab.destructive-action:hover image, .osd notebook > header tabbar tab.destructive-action:hover image, tabbar .osd notebook > header tab.destructive-action:hover image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover image, notebook > header .osd dnd tab.destructive-action:hover image, dnd notebook > header .osd tab.destructive-action:hover image, notebook > header .osd tabbar tab.destructive-action:hover image, tabbar notebook > header .osd tab.destructive-action:hover image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover image, .osd notebook > header > tabs > arrow.destructive-action:hover image, .osd dnd tab.destructive-action:hover arrow, dnd .osd tab.destructive-action:hover arrow, .osd tabbar tab.destructive-action:hover arrow, tabbar .osd tab.destructive-action:hover arrow, .osd notebook > header tabs > tab.destructive-action:hover arrow, notebook > header .osd tabs > tab.destructive-action:hover arrow, .osd notebook > header dnd tab.destructive-action:hover arrow, dnd .osd notebook > header tab.destructive-action:hover arrow, .osd notebook > header tabbar tab.destructive-action:hover arrow, tabbar .osd notebook > header tab.destructive-action:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover arrow, notebook > header .osd dnd tab.destructive-action:hover arrow, dnd notebook > header .osd tab.destructive-action:hover arrow, notebook > header .osd tabbar tab.destructive-action:hover arrow, tabbar notebook > header .osd tab.destructive-action:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:hover arrow, .osd dnd tab.destructive-action:focus, dnd .osd tab.destructive-action:focus, .osd tabbar tab.destructive-action:focus, tabbar .osd tab.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header dnd tab.destructive-action:focus, dnd .osd notebook > header tab.destructive-action:focus, .osd notebook > header tabbar tab.destructive-action:focus, tabbar .osd notebook > header tab.destructive-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header .osd dnd tab.destructive-action:focus, dnd notebook > header .osd tab.destructive-action:focus, notebook > header .osd tabbar tab.destructive-action:focus, tabbar notebook > header .osd tab.destructive-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd dnd tab.destructive-action:focus image, dnd .osd tab.destructive-action:focus image, .osd tabbar tab.destructive-action:focus image, tabbar .osd tab.destructive-action:focus image, .osd notebook > header tabs > tab.destructive-action:focus image, notebook > header .osd tabs > tab.destructive-action:focus image, .osd notebook > header dnd tab.destructive-action:focus image, dnd .osd notebook > header tab.destructive-action:focus image, .osd notebook > header tabbar tab.destructive-action:focus image, tabbar .osd notebook > header tab.destructive-action:focus image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus image, notebook > header .osd dnd tab.destructive-action:focus image, dnd notebook > header .osd tab.destructive-action:focus image, notebook > header .osd tabbar tab.destructive-action:focus image, tabbar notebook > header .osd tab.destructive-action:focus image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus image, .osd notebook > header > tabs > arrow.destructive-action:focus image, .osd dnd tab.destructive-action:focus arrow, dnd .osd tab.destructive-action:focus arrow, .osd tabbar tab.destructive-action:focus arrow, tabbar .osd tab.destructive-action:focus arrow, .osd notebook > header tabs > tab.destructive-action:focus arrow, notebook > header .osd tabs > tab.destructive-action:focus arrow, .osd notebook > header dnd tab.destructive-action:focus arrow, dnd .osd notebook > header tab.destructive-action:focus arrow, .osd notebook > header tabbar tab.destructive-action:focus arrow, tabbar .osd notebook > header tab.destructive-action:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus arrow, notebook > header .osd dnd tab.destructive-action:focus arrow, dnd notebook > header .osd tab.destructive-action:focus arrow, notebook > header .osd tabbar tab.destructive-action:focus arrow, tabbar notebook > header .osd tab.destructive-action:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:focus arrow, .osd dnd tab.destructive-action.osd:hover, dnd .osd tab.destructive-action.osd:hover, .osd tabbar tab.destructive-action.osd:hover, tabbar .osd tab.destructive-action.osd:hover, .osd dnd tab.destructive-action.osd:hover image, dnd .osd tab.destructive-action.osd:hover image, .osd tabbar tab.destructive-action.osd:hover image, tabbar .osd tab.destructive-action.osd:hover image, .osd dnd tab.destructive-action.osd:hover arrow, dnd .osd tab.destructive-action.osd:hover arrow, .osd tabbar tab.destructive-action.osd:hover arrow, tabbar .osd tab.destructive-action.osd:hover arrow, .osd dnd tab.destructive-action.osd:focus, dnd .osd tab.destructive-action.osd:focus, .osd tabbar tab.destructive-action.osd:focus, tabbar .osd tab.destructive-action.osd:focus, .osd dnd tab.destructive-action.osd:focus image, dnd .osd tab.destructive-action.osd:focus image, .osd tabbar tab.destructive-action.osd:focus image, tabbar .osd tab.destructive-action.osd:focus image, .osd dnd tab.destructive-action.osd:focus arrow, dnd .osd tab.destructive-action.osd:focus arrow, .osd tabbar tab.destructive-action.osd:focus arrow, tabbar .osd tab.destructive-action.osd:focus arrow, .osd button.destructive-action:hover, .osd button.destructive-action:hover image, .osd button.destructive-action:hover arrow, .osd button.destructive-action:focus, .osd button.destructive-action:focus image, .osd button.destructive-action:focus arrow, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:hover image, .osd button.destructive-action.osd:hover arrow, .osd button.destructive-action.osd:focus, .osd button.destructive-action.osd:focus image, .osd button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action.keyboard-activating, dnd .osd tab.destructive-action.keyboard-activating, .osd tabbar tab.destructive-action.keyboard-activating, tabbar .osd tab.destructive-action.keyboard-activating, .osd notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header .osd tabs > tab.destructive-action.keyboard-activating, .osd notebook > header dnd tab.keyboard-activating, dnd .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tab.keyboard-activating, tabbar .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar .osd notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header .osd dnd tab.keyboard-activating, dnd notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tab.keyboard-activating, tabbar notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header .osd tabbox > tabboxchild.keyboard-activating, .osd notebook > header > tabs > arrow.destructive-action.keyboard-activating, .osd button.destructive-action:active, .osd button.destructive-action.keyboard-activating, .osd button.destructive-action.osd:active, .osd button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd dnd tab.destructive-action:selected, dnd .osd tab.destructive-action:selected, .osd tabbar tab.destructive-action:selected, tabbar .osd tab.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd dnd tab.destructive-action.has-open-popup, dnd .osd tab.destructive-action.has-open-popup, .osd tabbar tab.destructive-action.has-open-popup, tabbar .osd tab.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd button.destructive-action:checked, .osd button.destructive-action:selected, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header dnd tab.destructive-action:checked, dnd .osd notebook > header tab.destructive-action:checked, .osd notebook > header tabbar tab.destructive-action:checked, tabbar .osd notebook > header tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd dnd tab.destructive-action:checked, dnd notebook > header .osd tab.destructive-action:checked, notebook > header .osd tabbar tab.destructive-action:checked, tabbar notebook > header .osd tab.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd dnd tab.destructive-action:checked image, dnd .osd tab.destructive-action:checked image, .osd tabbar tab.destructive-action:checked image, tabbar .osd tab.destructive-action:checked image, .osd notebook > header tabs > tab.destructive-action:checked image, notebook > header .osd tabs > tab.destructive-action:checked image, .osd notebook > header dnd tab.destructive-action:checked image, dnd .osd notebook > header tab.destructive-action:checked image, .osd notebook > header tabbar tab.destructive-action:checked image, tabbar .osd notebook > header tab.destructive-action:checked image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked image, notebook > header .osd dnd tab.destructive-action:checked image, dnd notebook > header .osd tab.destructive-action:checked image, notebook > header .osd tabbar tab.destructive-action:checked image, tabbar notebook > header .osd tab.destructive-action:checked image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked image, .osd notebook > header > tabs > arrow.destructive-action:checked image, .osd dnd tab.destructive-action:checked arrow, dnd .osd tab.destructive-action:checked arrow, .osd tabbar tab.destructive-action:checked arrow, tabbar .osd tab.destructive-action:checked arrow, .osd notebook > header tabs > tab.destructive-action:checked arrow, notebook > header .osd tabs > tab.destructive-action:checked arrow, .osd notebook > header dnd tab.destructive-action:checked arrow, dnd .osd notebook > header tab.destructive-action:checked arrow, .osd notebook > header tabbar tab.destructive-action:checked arrow, tabbar .osd notebook > header tab.destructive-action:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked arrow, notebook > header .osd dnd tab.destructive-action:checked arrow, dnd notebook > header .osd tab.destructive-action:checked arrow, notebook > header .osd tabbar tab.destructive-action:checked arrow, tabbar notebook > header .osd tab.destructive-action:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked arrow, .osd notebook > header > tabs > arrow.destructive-action:checked arrow, .osd dnd tab.destructive-action:selected, dnd .osd tab.destructive-action:selected, .osd tabbar tab.destructive-action:selected, tabbar .osd tab.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header dnd tab.destructive-action:selected, dnd .osd notebook > header tab.destructive-action:selected, .osd notebook > header tabbar tab.destructive-action:selected, tabbar .osd notebook > header tab.destructive-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header .osd dnd tab.destructive-action:selected, dnd notebook > header .osd tab.destructive-action:selected, notebook > header .osd tabbar tab.destructive-action:selected, tabbar notebook > header .osd tab.destructive-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd dnd tab.destructive-action:selected image, dnd .osd tab.destructive-action:selected image, .osd tabbar tab.destructive-action:selected image, tabbar .osd tab.destructive-action:selected image, .osd notebook > header tabs > tab.destructive-action:selected image, notebook > header .osd tabs > tab.destructive-action:selected image, .osd notebook > header dnd tab.destructive-action:selected image, dnd .osd notebook > header tab.destructive-action:selected image, .osd notebook > header tabbar tab.destructive-action:selected image, tabbar .osd notebook > header tab.destructive-action:selected image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected image, notebook > header .osd dnd tab.destructive-action:selected image, dnd notebook > header .osd tab.destructive-action:selected image, notebook > header .osd tabbar tab.destructive-action:selected image, tabbar notebook > header .osd tab.destructive-action:selected image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected image, .osd notebook > header > tabs > arrow.destructive-action:selected image, .osd dnd tab.destructive-action:selected arrow, dnd .osd tab.destructive-action:selected arrow, .osd tabbar tab.destructive-action:selected arrow, tabbar .osd tab.destructive-action:selected arrow, .osd notebook > header tabs > tab.destructive-action:selected arrow, notebook > header .osd tabs > tab.destructive-action:selected arrow, .osd notebook > header dnd tab.destructive-action:selected arrow, dnd .osd notebook > header tab.destructive-action:selected arrow, .osd notebook > header tabbar tab.destructive-action:selected arrow, tabbar .osd notebook > header tab.destructive-action:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected arrow, notebook > header .osd dnd tab.destructive-action:selected arrow, dnd notebook > header .osd tab.destructive-action:selected arrow, notebook > header .osd tabbar tab.destructive-action:selected arrow, tabbar notebook > header .osd tab.destructive-action:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected arrow, .osd notebook > header > tabs > arrow.destructive-action:selected arrow, .osd dnd tab.destructive-action.has-open-popup, dnd .osd tab.destructive-action.has-open-popup, .osd tabbar tab.destructive-action.has-open-popup, tabbar .osd tab.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd dnd tab.destructive-action.has-open-popup image, dnd .osd tab.destructive-action.has-open-popup image, .osd tabbar tab.destructive-action.has-open-popup image, tabbar .osd tab.destructive-action.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup image, .osd dnd tab.destructive-action.has-open-popup arrow, dnd .osd tab.destructive-action.has-open-popup arrow, .osd tabbar tab.destructive-action.has-open-popup arrow, tabbar .osd tab.destructive-action.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, .osd dnd tab.destructive-action.osd:checked, dnd .osd tab.destructive-action.osd:checked, .osd tabbar tab.destructive-action.osd:checked, tabbar .osd tab.destructive-action.osd:checked, .osd notebook > header tabs > tab.destructive-action.osd:checked, notebook > header .osd tabs > tab.destructive-action.osd:checked, .osd notebook > header dnd tab.osd:checked, dnd .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tab.osd:checked, tabbar .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked, notebook > header .osd dnd tab.osd:checked, dnd notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tab.osd:checked, tabbar notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked, .osd dnd tab.destructive-action.osd:checked image, dnd .osd tab.destructive-action.osd:checked image, .osd tabbar tab.destructive-action.osd:checked image, tabbar .osd tab.destructive-action.osd:checked image, .osd notebook > header tabs > tab.destructive-action.osd:checked image, notebook > header .osd tabs > tab.destructive-action.osd:checked image, .osd notebook > header dnd tab.osd:checked image, dnd .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tab.osd:checked image, tabbar .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked image, notebook > header .osd dnd tab.osd:checked image, dnd notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tab.osd:checked image, tabbar notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked image, .osd dnd tab.destructive-action.osd:checked arrow, dnd .osd tab.destructive-action.osd:checked arrow, .osd tabbar tab.destructive-action.osd:checked arrow, tabbar .osd tab.destructive-action.osd:checked arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked arrow, .osd notebook > header dnd tab.osd:checked arrow, dnd .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tab.osd:checked arrow, tabbar .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked arrow, notebook > header .osd dnd tab.osd:checked arrow, dnd notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tab.osd:checked arrow, tabbar notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked arrow, .osd dnd tab.destructive-action.osd:selected, dnd .osd tab.destructive-action.osd:selected, .osd tabbar tab.destructive-action.osd:selected, tabbar .osd tab.destructive-action.osd:selected, .osd notebook > header tabs > tab.destructive-action.osd:selected, notebook > header .osd tabs > tab.destructive-action.osd:selected, .osd notebook > header dnd tab.osd:selected, dnd .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tab.osd:selected, tabbar .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected, notebook > header .osd dnd tab.osd:selected, dnd notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tab.osd:selected, tabbar notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected, .osd dnd tab.destructive-action.osd:selected image, dnd .osd tab.destructive-action.osd:selected image, .osd tabbar tab.destructive-action.osd:selected image, tabbar .osd tab.destructive-action.osd:selected image, .osd notebook > header tabs > tab.destructive-action.osd:selected image, notebook > header .osd tabs > tab.destructive-action.osd:selected image, .osd notebook > header dnd tab.osd:selected image, dnd .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tab.osd:selected image, tabbar .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected image, notebook > header .osd dnd tab.osd:selected image, dnd notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tab.osd:selected image, tabbar notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected image, .osd dnd tab.destructive-action.osd:selected arrow, dnd .osd tab.destructive-action.osd:selected arrow, .osd tabbar tab.destructive-action.osd:selected arrow, tabbar .osd tab.destructive-action.osd:selected arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected arrow, .osd notebook > header dnd tab.osd:selected arrow, dnd .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tab.osd:selected arrow, tabbar .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected arrow, notebook > header .osd dnd tab.osd:selected arrow, dnd notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tab.osd:selected arrow, tabbar notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected arrow, .osd dnd tab.destructive-action.osd.has-open-popup, dnd .osd tab.destructive-action.osd.has-open-popup, .osd tabbar tab.destructive-action.osd.has-open-popup, tabbar .osd tab.destructive-action.osd.has-open-popup, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd dnd tab.destructive-action.osd.has-open-popup image, dnd .osd tab.destructive-action.osd.has-open-popup image, .osd tabbar tab.destructive-action.osd.has-open-popup image, tabbar .osd tab.destructive-action.osd.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd dnd tab.destructive-action.osd.has-open-popup arrow, dnd .osd tab.destructive-action.osd.has-open-popup arrow, .osd tabbar tab.destructive-action.osd.has-open-popup arrow, tabbar .osd tab.destructive-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd button.destructive-action:checked, .osd button.destructive-action:checked image, .osd button.destructive-action:checked arrow, .osd button.destructive-action:selected, .osd button.destructive-action:selected image, .osd button.destructive-action:selected arrow, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.has-open-popup image, .osd button.destructive-action.has-open-popup arrow, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:checked image, .osd button.destructive-action.osd:checked arrow, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd:selected image, .osd button.destructive-action.osd:selected arrow, .osd button.destructive-action.osd.has-open-popup, .osd button.destructive-action.osd.has-open-popup image, .osd button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd dnd tab.destructive-action:checked:hover, dnd .osd tab.destructive-action:checked:hover, .osd tabbar tab.destructive-action:checked:hover, tabbar .osd tab.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header dnd tab.destructive-action:checked:hover, dnd .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tab.destructive-action:checked:hover, tabbar .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header .osd dnd tab.destructive-action:checked:hover, dnd notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tab.destructive-action:checked:hover, tabbar notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd dnd tab.destructive-action:checked:focus, dnd .osd tab.destructive-action:checked:focus, .osd tabbar tab.destructive-action:checked:focus, tabbar .osd tab.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header dnd tab.destructive-action:checked:focus, dnd .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tab.destructive-action:checked:focus, tabbar .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header .osd dnd tab.destructive-action:checked:focus, dnd notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tab.destructive-action:checked:focus, tabbar notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd dnd tab.destructive-action:selected:hover, dnd .osd tab.destructive-action:selected:hover, .osd tabbar tab.destructive-action:selected:hover, tabbar .osd tab.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header dnd tab.destructive-action:selected:hover, dnd .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tab.destructive-action:selected:hover, tabbar .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header .osd dnd tab.destructive-action:selected:hover, dnd notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tab.destructive-action:selected:hover, tabbar notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd dnd tab.destructive-action:selected:focus, dnd .osd tab.destructive-action:selected:focus, .osd tabbar tab.destructive-action:selected:focus, tabbar .osd tab.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header dnd tab.destructive-action:selected:focus, dnd .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tab.destructive-action:selected:focus, tabbar .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header .osd dnd tab.destructive-action:selected:focus, dnd notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tab.destructive-action:selected:focus, tabbar notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd dnd tab.destructive-action.has-open-popup:hover, dnd .osd tab.destructive-action.has-open-popup:hover, .osd tabbar tab.destructive-action.has-open-popup:hover, tabbar .osd tab.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd dnd tab.destructive-action.has-open-popup:focus, dnd .osd tab.destructive-action.has-open-popup:focus, .osd tabbar tab.destructive-action.has-open-popup:focus, tabbar .osd tab.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd dnd tab.destructive-action.osd:checked:hover, dnd .osd tab.destructive-action.osd:checked:hover, .osd tabbar tab.destructive-action.osd:checked:hover, tabbar .osd tab.destructive-action.osd:checked:hover, .osd dnd tab.destructive-action.osd:checked:focus, dnd .osd tab.destructive-action.osd:checked:focus, .osd tabbar tab.destructive-action.osd:checked:focus, tabbar .osd tab.destructive-action.osd:checked:focus, .osd dnd tab.destructive-action.osd:selected:hover, dnd .osd tab.destructive-action.osd:selected:hover, .osd tabbar tab.destructive-action.osd:selected:hover, tabbar .osd tab.destructive-action.osd:selected:hover, .osd dnd tab.destructive-action.osd:selected:focus, dnd .osd tab.destructive-action.osd:selected:focus, .osd tabbar tab.destructive-action.osd:selected:focus, tabbar .osd tab.destructive-action.osd:selected:focus, .osd dnd tab.destructive-action.osd.has-open-popup:hover, dnd .osd tab.destructive-action.osd.has-open-popup:hover, .osd tabbar tab.destructive-action.osd.has-open-popup:hover, tabbar .osd tab.destructive-action.osd.has-open-popup:hover, .osd dnd tab.destructive-action.osd.has-open-popup:focus, dnd .osd tab.destructive-action.osd.has-open-popup:focus, .osd tabbar tab.destructive-action.osd.has-open-popup:focus, tabbar .osd tab.destructive-action.osd.has-open-popup:focus, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:focus, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:focus, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd dnd tab.destructive-action:checked:hover, dnd .osd tab.destructive-action:checked:hover, .osd tabbar tab.destructive-action:checked:hover, tabbar .osd tab.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header dnd tab.destructive-action:checked:hover, dnd .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tab.destructive-action:checked:hover, tabbar .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header .osd dnd tab.destructive-action:checked:hover, dnd notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tab.destructive-action:checked:hover, tabbar notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd columnview.view > header > button.destructive-action:checked:hover, .osd treeview.view > header > button.destructive-action:checked:hover, .osd dnd tab.destructive-action:checked:hover image, dnd .osd tab.destructive-action:checked:hover image, .osd tabbar tab.destructive-action:checked:hover image, tabbar .osd tab.destructive-action:checked:hover image, .osd notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header .osd tabs > tab.destructive-action:checked:hover image, .osd notebook > header dnd tab.destructive-action:checked:hover image, dnd .osd notebook > header tab.destructive-action:checked:hover image, .osd notebook > header tabbar tab.destructive-action:checked:hover image, tabbar .osd notebook > header tab.destructive-action:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover image, notebook > header .osd dnd tab.destructive-action:checked:hover image, dnd notebook > header .osd tab.destructive-action:checked:hover image, notebook > header .osd tabbar tab.destructive-action:checked:hover image, tabbar notebook > header .osd tab.destructive-action:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action:checked:hover image, .osd columnview.view > header > button.destructive-action:checked:hover image, .osd treeview.view > header > button.destructive-action:checked:hover image, .osd dnd tab.destructive-action:checked:hover arrow, dnd .osd tab.destructive-action:checked:hover arrow, .osd tabbar tab.destructive-action:checked:hover arrow, tabbar .osd tab.destructive-action:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action:checked:hover arrow, .osd notebook > header dnd tab.destructive-action:checked:hover arrow, dnd .osd notebook > header tab.destructive-action:checked:hover arrow, .osd notebook > header tabbar tab.destructive-action:checked:hover arrow, tabbar .osd notebook > header tab.destructive-action:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover arrow, notebook > header .osd dnd tab.destructive-action:checked:hover arrow, dnd notebook > header .osd tab.destructive-action:checked:hover arrow, notebook > header .osd tabbar tab.destructive-action:checked:hover arrow, tabbar notebook > header .osd tab.destructive-action:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:hover arrow, .osd columnview.view > header > button.destructive-action:checked:hover arrow, .osd treeview.view > header > button.destructive-action:checked:hover arrow, .osd dnd tab.destructive-action:checked:focus, dnd .osd tab.destructive-action:checked:focus, .osd tabbar tab.destructive-action:checked:focus, tabbar .osd tab.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header dnd tab.destructive-action:checked:focus, dnd .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tab.destructive-action:checked:focus, tabbar .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header .osd dnd tab.destructive-action:checked:focus, dnd notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tab.destructive-action:checked:focus, tabbar notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd columnview.view > header > button.destructive-action:checked:focus, .osd treeview.view > header > button.destructive-action:checked:focus, .osd dnd tab.destructive-action:checked:focus image, dnd .osd tab.destructive-action:checked:focus image, .osd tabbar tab.destructive-action:checked:focus image, tabbar .osd tab.destructive-action:checked:focus image, .osd notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header .osd tabs > tab.destructive-action:checked:focus image, .osd notebook > header dnd tab.destructive-action:checked:focus image, dnd .osd notebook > header tab.destructive-action:checked:focus image, .osd notebook > header tabbar tab.destructive-action:checked:focus image, tabbar .osd notebook > header tab.destructive-action:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus image, notebook > header .osd dnd tab.destructive-action:checked:focus image, dnd notebook > header .osd tab.destructive-action:checked:focus image, notebook > header .osd tabbar tab.destructive-action:checked:focus image, tabbar notebook > header .osd tab.destructive-action:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action:checked:focus image, .osd columnview.view > header > button.destructive-action:checked:focus image, .osd treeview.view > header > button.destructive-action:checked:focus image, .osd dnd tab.destructive-action:checked:focus arrow, dnd .osd tab.destructive-action:checked:focus arrow, .osd tabbar tab.destructive-action:checked:focus arrow, tabbar .osd tab.destructive-action:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action:checked:focus arrow, .osd notebook > header dnd tab.destructive-action:checked:focus arrow, dnd .osd notebook > header tab.destructive-action:checked:focus arrow, .osd notebook > header tabbar tab.destructive-action:checked:focus arrow, tabbar .osd notebook > header tab.destructive-action:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus arrow, notebook > header .osd dnd tab.destructive-action:checked:focus arrow, dnd notebook > header .osd tab.destructive-action:checked:focus arrow, notebook > header .osd tabbar tab.destructive-action:checked:focus arrow, tabbar notebook > header .osd tab.destructive-action:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:focus arrow, .osd columnview.view > header > button.destructive-action:checked:focus arrow, .osd treeview.view > header > button.destructive-action:checked:focus arrow, .osd dnd tab.destructive-action:selected:hover, dnd .osd tab.destructive-action:selected:hover, .osd tabbar tab.destructive-action:selected:hover, tabbar .osd tab.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header dnd tab.destructive-action:selected:hover, dnd .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tab.destructive-action:selected:hover, tabbar .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header .osd dnd tab.destructive-action:selected:hover, dnd notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tab.destructive-action:selected:hover, tabbar notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd columnview.view > header > button.destructive-action:selected:hover, .osd treeview.view > header > button.destructive-action:selected:hover, .osd dnd tab.destructive-action:selected:hover image, dnd .osd tab.destructive-action:selected:hover image, .osd tabbar tab.destructive-action:selected:hover image, tabbar .osd tab.destructive-action:selected:hover image, .osd notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header .osd tabs > tab.destructive-action:selected:hover image, .osd notebook > header dnd tab.destructive-action:selected:hover image, dnd .osd notebook > header tab.destructive-action:selected:hover image, .osd notebook > header tabbar tab.destructive-action:selected:hover image, tabbar .osd notebook > header tab.destructive-action:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover image, notebook > header .osd dnd tab.destructive-action:selected:hover image, dnd notebook > header .osd tab.destructive-action:selected:hover image, notebook > header .osd tabbar tab.destructive-action:selected:hover image, tabbar notebook > header .osd tab.destructive-action:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action:selected:hover image, .osd columnview.view > header > button.destructive-action:selected:hover image, .osd treeview.view > header > button.destructive-action:selected:hover image, .osd dnd tab.destructive-action:selected:hover arrow, dnd .osd tab.destructive-action:selected:hover arrow, .osd tabbar tab.destructive-action:selected:hover arrow, tabbar .osd tab.destructive-action:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action:selected:hover arrow, .osd notebook > header dnd tab.destructive-action:selected:hover arrow, dnd .osd notebook > header tab.destructive-action:selected:hover arrow, .osd notebook > header tabbar tab.destructive-action:selected:hover arrow, tabbar .osd notebook > header tab.destructive-action:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover arrow, notebook > header .osd dnd tab.destructive-action:selected:hover arrow, dnd notebook > header .osd tab.destructive-action:selected:hover arrow, notebook > header .osd tabbar tab.destructive-action:selected:hover arrow, tabbar notebook > header .osd tab.destructive-action:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:hover arrow, .osd columnview.view > header > button.destructive-action:selected:hover arrow, .osd treeview.view > header > button.destructive-action:selected:hover arrow, .osd dnd tab.destructive-action:selected:focus, dnd .osd tab.destructive-action:selected:focus, .osd tabbar tab.destructive-action:selected:focus, tabbar .osd tab.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header dnd tab.destructive-action:selected:focus, dnd .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tab.destructive-action:selected:focus, tabbar .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header .osd dnd tab.destructive-action:selected:focus, dnd notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tab.destructive-action:selected:focus, tabbar notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd columnview.view > header > button.destructive-action:selected:focus, .osd treeview.view > header > button.destructive-action:selected:focus, .osd dnd tab.destructive-action:selected:focus image, dnd .osd tab.destructive-action:selected:focus image, .osd tabbar tab.destructive-action:selected:focus image, tabbar .osd tab.destructive-action:selected:focus image, .osd notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header .osd tabs > tab.destructive-action:selected:focus image, .osd notebook > header dnd tab.destructive-action:selected:focus image, dnd .osd notebook > header tab.destructive-action:selected:focus image, .osd notebook > header tabbar tab.destructive-action:selected:focus image, tabbar .osd notebook > header tab.destructive-action:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus image, notebook > header .osd dnd tab.destructive-action:selected:focus image, dnd notebook > header .osd tab.destructive-action:selected:focus image, notebook > header .osd tabbar tab.destructive-action:selected:focus image, tabbar notebook > header .osd tab.destructive-action:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action:selected:focus image, .osd columnview.view > header > button.destructive-action:selected:focus image, .osd treeview.view > header > button.destructive-action:selected:focus image, .osd dnd tab.destructive-action:selected:focus arrow, dnd .osd tab.destructive-action:selected:focus arrow, .osd tabbar tab.destructive-action:selected:focus arrow, tabbar .osd tab.destructive-action:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action:selected:focus arrow, .osd notebook > header dnd tab.destructive-action:selected:focus arrow, dnd .osd notebook > header tab.destructive-action:selected:focus arrow, .osd notebook > header tabbar tab.destructive-action:selected:focus arrow, tabbar .osd notebook > header tab.destructive-action:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus arrow, notebook > header .osd dnd tab.destructive-action:selected:focus arrow, dnd notebook > header .osd tab.destructive-action:selected:focus arrow, notebook > header .osd tabbar tab.destructive-action:selected:focus arrow, tabbar notebook > header .osd tab.destructive-action:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:focus arrow, .osd columnview.view > header > button.destructive-action:selected:focus arrow, .osd treeview.view > header > button.destructive-action:selected:focus arrow, .osd dnd tab.destructive-action.has-open-popup:hover, dnd .osd tab.destructive-action.has-open-popup:hover, .osd tabbar tab.destructive-action.has-open-popup:hover, tabbar .osd tab.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd columnview.view > header > button.destructive-action.has-open-popup:hover, .osd treeview.view > header > button.destructive-action.has-open-popup:hover, .osd dnd tab.destructive-action.has-open-popup:hover image, dnd .osd tab.destructive-action.has-open-popup:hover image, .osd tabbar tab.destructive-action.has-open-popup:hover image, tabbar .osd tab.destructive-action.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, .osd columnview.view > header > button.destructive-action.has-open-popup:hover image, .osd treeview.view > header > button.destructive-action.has-open-popup:hover image, .osd dnd tab.destructive-action.has-open-popup:hover arrow, dnd .osd tab.destructive-action.has-open-popup:hover arrow, .osd tabbar tab.destructive-action.has-open-popup:hover arrow, tabbar .osd tab.destructive-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, .osd columnview.view > header > button.destructive-action.has-open-popup:hover arrow, .osd treeview.view > header > button.destructive-action.has-open-popup:hover arrow, .osd dnd tab.destructive-action.has-open-popup:focus, dnd .osd tab.destructive-action.has-open-popup:focus, .osd tabbar tab.destructive-action.has-open-popup:focus, tabbar .osd tab.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd columnview.view > header > button.destructive-action.has-open-popup:focus, .osd treeview.view > header > button.destructive-action.has-open-popup:focus, .osd dnd tab.destructive-action.has-open-popup:focus image, dnd .osd tab.destructive-action.has-open-popup:focus image, .osd tabbar tab.destructive-action.has-open-popup:focus image, tabbar .osd tab.destructive-action.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, .osd columnview.view > header > button.destructive-action.has-open-popup:focus image, .osd treeview.view > header > button.destructive-action.has-open-popup:focus image, .osd dnd tab.destructive-action.has-open-popup:focus arrow, dnd .osd tab.destructive-action.has-open-popup:focus arrow, .osd tabbar tab.destructive-action.has-open-popup:focus arrow, tabbar .osd tab.destructive-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, .osd columnview.view > header > button.destructive-action.has-open-popup:focus arrow, .osd treeview.view > header > button.destructive-action.has-open-popup:focus arrow, .osd dnd tab.destructive-action.osd:checked:hover, dnd .osd tab.destructive-action.osd:checked:hover, .osd tabbar tab.destructive-action.osd:checked:hover, tabbar .osd tab.destructive-action.osd:checked:hover, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover, .osd notebook > header dnd tab.osd:checked:hover, dnd .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tab.osd:checked:hover, tabbar .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header .osd dnd tab.osd:checked:hover, dnd notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tab.osd:checked:hover, tabbar notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover, .osd columnview.view > header > button.destructive-action.osd:checked:hover, .osd treeview.view > header > button.destructive-action.osd:checked:hover, .osd dnd tab.destructive-action.osd:checked:hover image, dnd .osd tab.destructive-action.osd:checked:hover image, .osd tabbar tab.destructive-action.osd:checked:hover image, tabbar .osd tab.destructive-action.osd:checked:hover image, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover image, .osd notebook > header dnd tab.osd:checked:hover image, dnd .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tab.osd:checked:hover image, tabbar .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header .osd dnd tab.osd:checked:hover image, dnd notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tab.osd:checked:hover image, tabbar notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, .osd columnview.view > header > button.destructive-action.osd:checked:hover image, .osd treeview.view > header > button.destructive-action.osd:checked:hover image, .osd dnd tab.destructive-action.osd:checked:hover arrow, dnd .osd tab.destructive-action.osd:checked:hover arrow, .osd tabbar tab.destructive-action.osd:checked:hover arrow, tabbar .osd tab.destructive-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover arrow, .osd notebook > header dnd tab.osd:checked:hover arrow, dnd .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tab.osd:checked:hover arrow, tabbar .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header .osd dnd tab.osd:checked:hover arrow, dnd notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tab.osd:checked:hover arrow, tabbar notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, .osd columnview.view > header > button.destructive-action.osd:checked:hover arrow, .osd treeview.view > header > button.destructive-action.osd:checked:hover arrow, .osd dnd tab.destructive-action.osd:checked:focus, dnd .osd tab.destructive-action.osd:checked:focus, .osd tabbar tab.destructive-action.osd:checked:focus, tabbar .osd tab.destructive-action.osd:checked:focus, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus, .osd notebook > header dnd tab.osd:checked:focus, dnd .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tab.osd:checked:focus, tabbar .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header .osd dnd tab.osd:checked:focus, dnd notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tab.osd:checked:focus, tabbar notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus, .osd columnview.view > header > button.destructive-action.osd:checked:focus, .osd treeview.view > header > button.destructive-action.osd:checked:focus, .osd dnd tab.destructive-action.osd:checked:focus image, dnd .osd tab.destructive-action.osd:checked:focus image, .osd tabbar tab.destructive-action.osd:checked:focus image, tabbar .osd tab.destructive-action.osd:checked:focus image, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus image, .osd notebook > header dnd tab.osd:checked:focus image, dnd .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tab.osd:checked:focus image, tabbar .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header .osd dnd tab.osd:checked:focus image, dnd notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tab.osd:checked:focus image, tabbar notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, .osd columnview.view > header > button.destructive-action.osd:checked:focus image, .osd treeview.view > header > button.destructive-action.osd:checked:focus image, .osd dnd tab.destructive-action.osd:checked:focus arrow, dnd .osd tab.destructive-action.osd:checked:focus arrow, .osd tabbar tab.destructive-action.osd:checked:focus arrow, tabbar .osd tab.destructive-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus arrow, .osd notebook > header dnd tab.osd:checked:focus arrow, dnd .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tab.osd:checked:focus arrow, tabbar .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header .osd dnd tab.osd:checked:focus arrow, dnd notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tab.osd:checked:focus arrow, tabbar notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, .osd columnview.view > header > button.destructive-action.osd:checked:focus arrow, .osd treeview.view > header > button.destructive-action.osd:checked:focus arrow, .osd dnd tab.destructive-action.osd:selected:hover, dnd .osd tab.destructive-action.osd:selected:hover, .osd tabbar tab.destructive-action.osd:selected:hover, tabbar .osd tab.destructive-action.osd:selected:hover, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover, .osd notebook > header dnd tab.osd:selected:hover, dnd .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tab.osd:selected:hover, tabbar .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header .osd dnd tab.osd:selected:hover, dnd notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tab.osd:selected:hover, tabbar notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover, .osd columnview.view > header > button.destructive-action.osd:selected:hover, .osd treeview.view > header > button.destructive-action.osd:selected:hover, .osd dnd tab.destructive-action.osd:selected:hover image, dnd .osd tab.destructive-action.osd:selected:hover image, .osd tabbar tab.destructive-action.osd:selected:hover image, tabbar .osd tab.destructive-action.osd:selected:hover image, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover image, .osd notebook > header dnd tab.osd:selected:hover image, dnd .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tab.osd:selected:hover image, tabbar .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header .osd dnd tab.osd:selected:hover image, dnd notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tab.osd:selected:hover image, tabbar notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, .osd columnview.view > header > button.destructive-action.osd:selected:hover image, .osd treeview.view > header > button.destructive-action.osd:selected:hover image, .osd dnd tab.destructive-action.osd:selected:hover arrow, dnd .osd tab.destructive-action.osd:selected:hover arrow, .osd tabbar tab.destructive-action.osd:selected:hover arrow, tabbar .osd tab.destructive-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover arrow, .osd notebook > header dnd tab.osd:selected:hover arrow, dnd .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tab.osd:selected:hover arrow, tabbar .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header .osd dnd tab.osd:selected:hover arrow, dnd notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tab.osd:selected:hover arrow, tabbar notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, .osd columnview.view > header > button.destructive-action.osd:selected:hover arrow, .osd treeview.view > header > button.destructive-action.osd:selected:hover arrow, .osd dnd tab.destructive-action.osd:selected:focus, dnd .osd tab.destructive-action.osd:selected:focus, .osd tabbar tab.destructive-action.osd:selected:focus, tabbar .osd tab.destructive-action.osd:selected:focus, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus, .osd notebook > header dnd tab.osd:selected:focus, dnd .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tab.osd:selected:focus, tabbar .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header .osd dnd tab.osd:selected:focus, dnd notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tab.osd:selected:focus, tabbar notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus, .osd columnview.view > header > button.destructive-action.osd:selected:focus, .osd treeview.view > header > button.destructive-action.osd:selected:focus, .osd dnd tab.destructive-action.osd:selected:focus image, dnd .osd tab.destructive-action.osd:selected:focus image, .osd tabbar tab.destructive-action.osd:selected:focus image, tabbar .osd tab.destructive-action.osd:selected:focus image, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus image, .osd notebook > header dnd tab.osd:selected:focus image, dnd .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tab.osd:selected:focus image, tabbar .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header .osd dnd tab.osd:selected:focus image, dnd notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tab.osd:selected:focus image, tabbar notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, .osd columnview.view > header > button.destructive-action.osd:selected:focus image, .osd treeview.view > header > button.destructive-action.osd:selected:focus image, .osd dnd tab.destructive-action.osd:selected:focus arrow, dnd .osd tab.destructive-action.osd:selected:focus arrow, .osd tabbar tab.destructive-action.osd:selected:focus arrow, tabbar .osd tab.destructive-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus arrow, .osd notebook > header dnd tab.osd:selected:focus arrow, dnd .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tab.osd:selected:focus arrow, tabbar .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header .osd dnd tab.osd:selected:focus arrow, dnd notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tab.osd:selected:focus arrow, tabbar notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, .osd columnview.view > header > button.destructive-action.osd:selected:focus arrow, .osd treeview.view > header > button.destructive-action.osd:selected:focus arrow, .osd dnd tab.destructive-action.osd.has-open-popup:hover, dnd .osd tab.destructive-action.osd.has-open-popup:hover, .osd tabbar tab.destructive-action.osd.has-open-popup:hover, tabbar .osd tab.destructive-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:hover, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:hover, .osd dnd tab.destructive-action.osd.has-open-popup:hover image, dnd .osd tab.destructive-action.osd.has-open-popup:hover image, .osd tabbar tab.destructive-action.osd.has-open-popup:hover image, tabbar .osd tab.destructive-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:hover image, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:hover image, .osd dnd tab.destructive-action.osd.has-open-popup:hover arrow, dnd .osd tab.destructive-action.osd.has-open-popup:hover arrow, .osd tabbar tab.destructive-action.osd.has-open-popup:hover arrow, tabbar .osd tab.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, .osd dnd tab.destructive-action.osd.has-open-popup:focus, dnd .osd tab.destructive-action.osd.has-open-popup:focus, .osd tabbar tab.destructive-action.osd.has-open-popup:focus, tabbar .osd tab.destructive-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:focus, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:focus, .osd dnd tab.destructive-action.osd.has-open-popup:focus image, dnd .osd tab.destructive-action.osd.has-open-popup:focus image, .osd tabbar tab.destructive-action.osd.has-open-popup:focus image, tabbar .osd tab.destructive-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:focus image, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:focus image, .osd dnd tab.destructive-action.osd.has-open-popup:focus arrow, dnd .osd tab.destructive-action.osd.has-open-popup:focus arrow, .osd tabbar tab.destructive-action.osd.has-open-popup:focus arrow, tabbar .osd tab.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:hover image, .osd button.destructive-action:checked:hover arrow, .osd button.destructive-action:checked:focus, .osd button.destructive-action:checked:focus image, .osd button.destructive-action:checked:focus arrow, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:hover image, .osd button.destructive-action:selected:hover arrow, .osd button.destructive-action:selected:focus, .osd button.destructive-action:selected:focus image, .osd button.destructive-action:selected:focus arrow, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:hover image, .osd button.destructive-action.has-open-popup:hover arrow, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.has-open-popup:focus image, .osd button.destructive-action.has-open-popup:focus arrow, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:hover image, .osd button.destructive-action.osd:checked:hover arrow, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:checked:focus image, .osd button.destructive-action.osd:checked:focus arrow, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:hover image, .osd button.destructive-action.osd:selected:hover arrow, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd:selected:focus image, .osd button.destructive-action.osd:selected:focus arrow, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:hover image, .osd button.destructive-action.osd.has-open-popup:hover arrow, .osd button.destructive-action.osd.has-open-popup:focus, .osd button.destructive-action.osd.has-open-popup:focus image, .osd button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action.osd:disabled, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd stackswitcher > tab > label, tabbar stackswitcher > tab > label, notebook > header dnd stackswitcher > tab > label, dnd notebook > header stackswitcher > tab > label, notebook > header tabbar stackswitcher > tab > label, tabbar notebook > header stackswitcher > tab > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +dnd stackswitcher > tab > image, tabbar stackswitcher > tab > image, notebook > header dnd stackswitcher > tab > image, dnd notebook > header stackswitcher > tab > image, notebook > header tabbar stackswitcher > tab > image, tabbar notebook > header stackswitcher > tab > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +dnd stackswitcher > tab, tabbar stackswitcher > tab, notebook > header dnd stackswitcher > tab, dnd notebook > header stackswitcher > tab, notebook > header tabbar stackswitcher > tab, tabbar notebook > header stackswitcher > tab, dnd stackswitcher > tab.linked, tabbar stackswitcher > tab.linked, notebook > header dnd stackswitcher > tab.linked, dnd notebook > header stackswitcher > tab.linked, notebook > header tabbar stackswitcher > tab.linked, tabbar notebook > header stackswitcher > tab.linked, dnd stackswitcher > tab.linked.horizontal, tabbar stackswitcher > tab.linked.horizontal, notebook > header dnd stackswitcher > tab.horizontal, dnd notebook > header stackswitcher > tab.horizontal, notebook > header tabbar stackswitcher > tab.horizontal, tabbar notebook > header stackswitcher > tab.horizontal, dnd stackswitcher > tab.linked.vertical, tabbar stackswitcher > tab.linked.vertical, notebook > header dnd stackswitcher > tab.vertical, dnd notebook > header stackswitcher > tab.vertical, notebook > header tabbar stackswitcher > tab.vertical, tabbar notebook > header stackswitcher > tab.vertical, dnd stackswitcher > tab:first-child, tabbar stackswitcher > tab:first-child, notebook > header dnd stackswitcher > tab:first-child, dnd notebook > header stackswitcher > tab:first-child, notebook > header tabbar stackswitcher > tab:first-child, tabbar notebook > header stackswitcher > tab:first-child, dnd stackswitcher > tab:last-child, tabbar stackswitcher > tab:last-child, notebook > header dnd stackswitcher > tab:last-child, dnd notebook > header stackswitcher > tab:last-child, notebook > header tabbar stackswitcher > tab:last-child, tabbar notebook > header stackswitcher > tab:last-child, dnd stackswitcher > tab:not(:first-child), tabbar stackswitcher > tab:not(:first-child), notebook > header dnd stackswitcher > tab:not(:first-child), dnd notebook > header stackswitcher > tab:not(:first-child), notebook > header tabbar stackswitcher > tab:not(:first-child), tabbar notebook > header stackswitcher > tab:not(:first-child), dnd stackswitcher > tab:not(:last-child), tabbar stackswitcher > tab:not(:last-child), notebook > header dnd stackswitcher > tab:not(:last-child), dnd notebook > header stackswitcher > tab:not(:last-child), notebook > header tabbar stackswitcher > tab:not(:last-child), tabbar notebook > header stackswitcher > tab:not(:last-child), dnd stackswitcher > tab:dir(ltr):not(:first-child), tabbar stackswitcher > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:first-child), dnd stackswitcher > tab:dir(ltr):not(:last-child), tabbar stackswitcher > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:last-child), dnd stackswitcher > tab:dir(rtl):not(:first-child), tabbar stackswitcher > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:first-child), dnd stackswitcher > tab:dir(rtl):not(:last-child), tabbar stackswitcher > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:last-child), dnd stackswitcher > tab.radio, tabbar stackswitcher > tab.radio, notebook > header dnd stackswitcher > tab.radio, dnd notebook > header stackswitcher > tab.radio, notebook > header tabbar stackswitcher > tab.radio, tabbar notebook > header stackswitcher > tab.radio, dnd stackswitcher.linked > tab, tabbar stackswitcher.linked > tab, notebook > header dnd stackswitcher.linked > tab, dnd notebook > header stackswitcher.linked > tab, notebook > header tabbar stackswitcher.linked > tab, tabbar notebook > header stackswitcher.linked > tab, dnd stackswitcher.linked > tab.linked, tabbar stackswitcher.linked > tab.linked, notebook > header dnd stackswitcher.linked > tab.linked, dnd notebook > header stackswitcher.linked > tab.linked, notebook > header tabbar stackswitcher.linked > tab.linked, tabbar notebook > header stackswitcher.linked > tab.linked, dnd stackswitcher.linked > tab.linked.horizontal, tabbar stackswitcher.linked > tab.linked.horizontal, notebook > header dnd stackswitcher.linked > tab.horizontal, dnd notebook > header stackswitcher.linked > tab.horizontal, notebook > header tabbar stackswitcher.linked > tab.horizontal, tabbar notebook > header stackswitcher.linked > tab.horizontal, dnd stackswitcher.linked > tab.linked.vertical, tabbar stackswitcher.linked > tab.linked.vertical, notebook > header dnd stackswitcher.linked > tab.vertical, dnd notebook > header stackswitcher.linked > tab.vertical, notebook > header tabbar stackswitcher.linked > tab.vertical, tabbar notebook > header stackswitcher.linked > tab.vertical, dnd stackswitcher.linked > tab:first-child, tabbar stackswitcher.linked > tab:first-child, notebook > header dnd stackswitcher.linked > tab:first-child, dnd notebook > header stackswitcher.linked > tab:first-child, notebook > header tabbar stackswitcher.linked > tab:first-child, tabbar notebook > header stackswitcher.linked > tab:first-child, dnd stackswitcher.linked > tab:last-child, tabbar stackswitcher.linked > tab:last-child, notebook > header dnd stackswitcher.linked > tab:last-child, dnd notebook > header stackswitcher.linked > tab:last-child, notebook > header tabbar stackswitcher.linked > tab:last-child, tabbar notebook > header stackswitcher.linked > tab:last-child, dnd stackswitcher.linked > tab:not(:first-child), tabbar stackswitcher.linked > tab:not(:first-child), notebook > header dnd stackswitcher.linked > tab:not(:first-child), dnd notebook > header stackswitcher.linked > tab:not(:first-child), notebook > header tabbar stackswitcher.linked > tab:not(:first-child), tabbar notebook > header stackswitcher.linked > tab:not(:first-child), dnd stackswitcher.linked > tab:not(:last-child), tabbar stackswitcher.linked > tab:not(:last-child), notebook > header dnd stackswitcher.linked > tab:not(:last-child), dnd notebook > header stackswitcher.linked > tab:not(:last-child), notebook > header tabbar stackswitcher.linked > tab:not(:last-child), tabbar notebook > header stackswitcher.linked > tab:not(:last-child), dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked > tab.radio, tabbar stackswitcher.linked > tab.radio, notebook > header dnd stackswitcher.linked > tab.radio, dnd notebook > header stackswitcher.linked > tab.radio, notebook > header tabbar stackswitcher.linked > tab.radio, tabbar notebook > header stackswitcher.linked > tab.radio, dnd stackswitcher.linked:not(.vertical) > tab, tabbar stackswitcher.linked:not(.vertical) > tab, notebook > header dnd stackswitcher.linked:not(.vertical) > tab, dnd notebook > header stackswitcher.linked:not(.vertical) > tab, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab, dnd stackswitcher.linked:not(.vertical) > tab.linked, tabbar stackswitcher.linked:not(.vertical) > tab.linked, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.linked, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.linked, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.linked, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.linked, dnd stackswitcher.linked:not(.vertical) > tab.linked.horizontal, tabbar stackswitcher.linked:not(.vertical) > tab.linked.horizontal, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.horizontal, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.horizontal, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, dnd stackswitcher.linked:not(.vertical) > tab.linked.vertical, tabbar stackswitcher.linked:not(.vertical) > tab.linked.vertical, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.vertical, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.vertical, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, dnd stackswitcher.linked:not(.vertical) > tab:first-child, tabbar stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:first-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:first-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, dnd stackswitcher.linked:not(.vertical) > tab:last-child, tabbar stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:last-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:last-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab.radio, tabbar stackswitcher.linked:not(.vertical) > tab.radio, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.radio, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.radio, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.radio, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.radio, dnd .stack-switcher > tab, tabbar .stack-switcher > tab, notebook > header tabs.stack-switcher > tab, notebook > header dnd .stack-switcher > tab, dnd notebook > header .stack-switcher > tab, notebook > header tabbar .stack-switcher > tab, tabbar notebook > header .stack-switcher > tab, notebook > header tabbar tabbox.stack-switcher > tabboxchild, tabbar notebook > header tabbox.stack-switcher > tabboxchild, notebook > header > tabs.stack-switcher > arrow, columnview.view > header.stack-switcher > button, treeview.view > header.stack-switcher > button, dnd .stack-switcher > tab.linked, tabbar .stack-switcher > tab.linked, notebook > header tabs.stack-switcher > tab.linked, notebook > header dnd .stack-switcher > tab.linked, dnd notebook > header .stack-switcher > tab.linked, notebook > header tabbar .stack-switcher > tab.linked, tabbar notebook > header .stack-switcher > tab.linked, notebook > header tabbar tabbox.stack-switcher > tabboxchild.linked, tabbar notebook > header tabbox.stack-switcher > tabboxchild.linked, notebook > header > tabs.stack-switcher > arrow.linked, columnview.view > header.stack-switcher > button.linked, treeview.view > header.stack-switcher > button.linked, dnd .stack-switcher > tab.linked.horizontal, tabbar .stack-switcher > tab.linked.horizontal, notebook > header tabs.stack-switcher > tab.linked.horizontal, notebook > header dnd .stack-switcher > tab.horizontal, dnd notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar .stack-switcher > tab.horizontal, tabbar notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar tabbox.stack-switcher > tabboxchild.horizontal, tabbar notebook > header tabbox.stack-switcher > tabboxchild.horizontal, notebook > header > tabs.stack-switcher > arrow.linked.horizontal, columnview.view > header.stack-switcher > button.linked.horizontal, treeview.view > header.stack-switcher > button.linked.horizontal, dnd .stack-switcher > tab.linked.vertical, tabbar .stack-switcher > tab.linked.vertical, notebook > header tabs.stack-switcher > tab.linked.vertical, notebook > header dnd .stack-switcher > tab.vertical, dnd notebook > header .stack-switcher > tab.vertical, notebook > header tabbar .stack-switcher > tab.vertical, tabbar notebook > header .stack-switcher > tab.vertical, notebook > header tabbar tabbox.stack-switcher > tabboxchild.vertical, tabbar notebook > header tabbox.stack-switcher > tabboxchild.vertical, notebook > header > tabs.stack-switcher > arrow.linked.vertical, columnview.view > header.stack-switcher > button.linked.vertical, treeview.view > header.stack-switcher > button.linked.vertical, dnd .stack-switcher > tab:first-child, tabbar .stack-switcher > tab:first-child, notebook > header tabs.stack-switcher > tab:first-child, notebook > header dnd .stack-switcher > tab:first-child, dnd notebook > header .stack-switcher > tab:first-child, notebook > header tabbar .stack-switcher > tab:first-child, tabbar notebook > header .stack-switcher > tab:first-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:first-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, columnview.view > header.stack-switcher > button:first-child, treeview.view > header.stack-switcher > button:first-child, dnd .stack-switcher > tab:last-child, tabbar .stack-switcher > tab:last-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header dnd .stack-switcher > tab:last-child, dnd notebook > header .stack-switcher > tab:last-child, notebook > header tabbar .stack-switcher > tab:last-child, tabbar notebook > header .stack-switcher > tab:last-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:last-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, columnview.view > header.stack-switcher > button:last-child, treeview.view > header.stack-switcher > button:last-child, dnd .stack-switcher > tab:not(:first-child), tabbar .stack-switcher > tab:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header dnd .stack-switcher > tab:not(:first-child), dnd notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar .stack-switcher > tab:not(:first-child), tabbar notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), columnview.view > header.stack-switcher > button:not(:first-child), treeview.view > header.stack-switcher > button:not(:first-child), dnd .stack-switcher > tab:not(:last-child), tabbar .stack-switcher > tab:not(:last-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header dnd .stack-switcher > tab:not(:last-child), dnd notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar .stack-switcher > tab:not(:last-child), tabbar notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), columnview.view > header.stack-switcher > button:not(:last-child), treeview.view > header.stack-switcher > button:not(:last-child), dnd .stack-switcher > tab:dir(ltr):not(:first-child), tabbar .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:first-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:first-child), dnd .stack-switcher > tab:dir(ltr):not(:last-child), tabbar .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:last-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:last-child), dnd .stack-switcher > tab:dir(rtl):not(:first-child), tabbar .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:first-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:first-child), dnd .stack-switcher > tab:dir(rtl):not(:last-child), tabbar .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:last-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:last-child), dnd .stack-switcher > tab.radio, tabbar .stack-switcher > tab.radio, notebook > header tabs.stack-switcher > tab.radio, notebook > header dnd .stack-switcher > tab.radio, dnd notebook > header .stack-switcher > tab.radio, notebook > header tabbar .stack-switcher > tab.radio, tabbar notebook > header .stack-switcher > tab.radio, notebook > header tabbar tabbox.stack-switcher > tabboxchild.radio, tabbar notebook > header tabbox.stack-switcher > tabboxchild.radio, notebook > header > tabs.stack-switcher > arrow.radio, columnview.view > header.stack-switcher > button.radio, treeview.view > header.stack-switcher > button.radio, stackswitcher > button, stackswitcher > button.linked, stackswitcher > button.linked.horizontal, stackswitcher > button.linked.vertical, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button.linked, stackswitcher.linked > button.linked.horizontal, stackswitcher.linked > button.linked.vertical, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button.linked, stackswitcher.linked:not(.vertical) > button.linked.horizontal, stackswitcher.linked:not(.vertical) > button.linked.vertical, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button.linked, .stack-switcher > button.linked.horizontal, .stack-switcher > button.linked.vertical, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { border-radius: 9999px; border-width: 1px; border-style: solid; margin: 5px; } + +dnd stackswitcher > tab.text-button, tabbar stackswitcher > tab.text-button, dnd notebook > header stackswitcher > tab.text-button, tabbar notebook > header stackswitcher > tab.text-button, dnd .stack-switcher > tab.text-button, tabbar .stack-switcher > tab.text-button, notebook > header tabs.stack-switcher > tab.text-button, dnd notebook > header .stack-switcher > tab.text-button, tabbar notebook > header .stack-switcher > tab.text-button, notebook > header tabbar tabbox.stack-switcher > tabboxchild.text-button, tabbar notebook > header tabbox.stack-switcher > tabboxchild.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, columnview.view > header.stack-switcher > button.text-button, treeview.view > header.stack-switcher > button.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } + +dnd stackswitcher > tab.circular, tabbar stackswitcher > tab.circular, dnd notebook > header stackswitcher > tab.circular, tabbar notebook > header stackswitcher > tab.circular, dnd .stack-switcher > tab.circular, tabbar .stack-switcher > tab.circular, notebook > header tabs.stack-switcher > tab.circular, dnd notebook > header .stack-switcher > tab.circular, tabbar notebook > header .stack-switcher > tab.circular, notebook > header tabbar tabbox.stack-switcher > tabboxchild.circular, tabbar notebook > header tabbox.stack-switcher > tabboxchild.circular, notebook > header > tabs.stack-switcher > arrow.circular, columnview.view > header.stack-switcher > button.circular, treeview.view > header.stack-switcher > button.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +dnd tab.font > box, tabbar tab.font > box, notebook > header tabs > tab.font > box, dnd notebook > header tab.font > box, tabbar notebook > header tab.font > box, notebook > header tabbar tabbox > tabboxchild.font > box, tabbar notebook > header tabbox > tabboxchild.font > box, notebook > header > tabs > arrow.font > box, columnview.view > header > button.font > box, treeview.view > header > button.font > box, button.font > box { border-spacing: 6px; } + +dnd tab.font > box > box > label, tabbar tab.font > box > box > label, notebook > header tabs > tab.font > box > box > label, notebook > header tabbar tabbox > tabboxchild.font > box > box > label, tabbar notebook > header tabbox > tabboxchild.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +menubutton.circular dnd tab, dnd menubutton.circular tab, menubutton.circular tabbar tab, tabbar menubutton.circular tab, menubutton.circular notebook > header tabs > tab, notebook > header menubutton.circular tabs > tab, menubutton.circular notebook > header tabbar tabbox > tabboxchild, tabbar menubutton.circular notebook > header tabbox > tabboxchild, notebook > header menubutton.circular tabbar tabbox > tabboxchild, tabbar notebook > header menubutton.circular tabbox > tabboxchild, menubutton.circular notebook > header > tabs > arrow, menubutton.circular columnview.view > header > button, menubutton.circular treeview.view > header > button, dnd tab.circular, tabbar tab.circular, notebook > header tabs > tab.circular, notebook > header tabbar tabbox > tabboxchild.circular, tabbar notebook > header tabbox > tabboxchild.circular, notebook > header > tabs > arrow.circular, columnview.view > header > button.circular, treeview.view > header > button.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular dnd tab label, dnd menubutton.circular tab label, menubutton.circular tabbar tab label, tabbar menubutton.circular tab label, menubutton.circular notebook > header tabs > tab label, notebook > header menubutton.circular tabs > tab label, menubutton.circular notebook > header tabbar tabbox > tabboxchild label, tabbar menubutton.circular notebook > header tabbox > tabboxchild label, notebook > header menubutton.circular tabbar tabbox > tabboxchild label, tabbar notebook > header menubutton.circular tabbox > tabboxchild label, menubutton.circular notebook > header > tabs > arrow label, dnd tab.circular label, tabbar tab.circular label, notebook > header tabs > tab.circular label, notebook > header tabbar tabbox > tabboxchild.circular label, tabbar notebook > header tabbox > tabboxchild.circular label, notebook > header > tabs > arrow.circular label, columnview.view > header > button.circular label, treeview.view > header > button.circular label, menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, dnd stackswitcher > tab.needs-attention > label, tabbar stackswitcher > tab.needs-attention > label, notebook > header dnd stackswitcher > tab.needs-attention > label, dnd notebook > header stackswitcher > tab.needs-attention > label, notebook > header tabbar stackswitcher > tab.needs-attention > label, tabbar notebook > header stackswitcher > tab.needs-attention > label, dnd stackswitcher > tab.needs-attention > image, tabbar stackswitcher > tab.needs-attention > image, notebook > header dnd stackswitcher > tab.needs-attention > image, dnd notebook > header stackswitcher > tab.needs-attention > image, notebook > header tabbar stackswitcher > tab.needs-attention > image, tabbar notebook > header stackswitcher > tab.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > label:backdrop, tabbar stackswitcher > tab.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > image:backdrop, tabbar stackswitcher > tab.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > label:dir(rtl), tabbar stackswitcher > tab.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > image:dir(rtl), tabbar stackswitcher > tab.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), dnd .linked.vertical > tab:not(:first-child), tabbar .linked.vertical > tab:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), dnd notebook > header .linked.vertical > tab:not(:first-child), tabbar notebook > header .linked.vertical > tab:not(:first-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:first-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), dnd .linked.vertical > tab:not(:last-child), tabbar .linked.vertical > tab:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), dnd notebook > header .linked.vertical > tab:not(:last-child), tabbar notebook > header .linked.vertical > tab:not(:last-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:last-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; } + +/* menu buttons */ +modelbutton { min-height: 20px; padding-left: 5px; padding-right: 5px; border-radius: 3px; } + +modelbutton.flat arrow { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-width: 16px; min-height: 16px; opacity: 1; } + +modelbutton.flat arrow:hover, modelbutton.flat arrow:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +modelbutton.flat arrow:hover, modelbutton.flat arrow:hover image, modelbutton.flat arrow:hover arrow, modelbutton.flat arrow:focus, modelbutton.flat arrow:focus image, modelbutton.flat arrow:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +modelbutton.flat arrow:active, modelbutton.flat arrow.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +modelbutton.flat arrow:checked, modelbutton.flat arrow:selected, modelbutton.flat arrow.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +modelbutton.flat arrow:checked, modelbutton.flat arrow:checked image, modelbutton.flat arrow:checked arrow, modelbutton.flat arrow:selected, modelbutton.flat arrow:selected image, modelbutton.flat arrow:selected arrow, modelbutton.flat arrow.has-open-popup, modelbutton.flat arrow.has-open-popup image, modelbutton.flat arrow.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +modelbutton.flat arrow:checked:hover, modelbutton.flat arrow:checked:focus, modelbutton.flat arrow:selected:hover, modelbutton.flat arrow:selected:focus, modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +modelbutton.flat arrow:checked:hover, modelbutton.flat arrow:checked:hover image, modelbutton.flat arrow:checked:hover arrow, modelbutton.flat arrow:checked:focus, modelbutton.flat arrow:checked:focus image, modelbutton.flat arrow:checked:focus arrow, modelbutton.flat arrow:selected:hover, modelbutton.flat arrow:selected:hover image, modelbutton.flat arrow:selected:hover arrow, modelbutton.flat arrow:selected:focus, modelbutton.flat arrow:selected:focus image, modelbutton.flat arrow:selected:focus arrow, modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:hover image, modelbutton.flat arrow.has-open-popup:hover arrow, modelbutton.flat arrow.has-open-popup:focus, modelbutton.flat arrow.has-open-popup:focus image, modelbutton.flat arrow.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +modelbutton.flat arrow:disabled, modelbutton.flat arrow:disabled:checked, modelbutton.flat arrow:disabled:selected, modelbutton.flat arrow:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +/********* Links * */ +button.link, link { color: #99c1f1; text-decoration: underline; } + +button.link:visited, link:visited { color: #dc8add; } + +*:selected button.link:visited, *:selected link:visited { color: #71615c; } + +button.link:hover, link:hover { color: #c6dcf7; } + +*:selected button.link:hover, *:selected link:hover { color: #3a551e; } + +button.link:active, link:active { color: #99c1f1; } + +*:selected button.link:active, *:selected link:active { color: #405f35; } + +button.link:disabled, link:disabled { color: rgba(197, 197, 197, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #405f35; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: #493e37; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; } + +spinbutton.vertical:disabled { color: #7c675a; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(132, 201, 92, 0.7); color: transparent; } + +spinbutton.vertical > text > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); color: #2a4606; } + +spinbutton.vertical > text > block-cursor { color: #323232; background-color: #EDF0F5; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; /*&:selected { @include button(checked); &, &:hover { @include button(hover); outline-color: $alt_focus_border_color; color: $text-color; background-color: $menu_selected_color; box-shadow: none; } }*/ } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #595757; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #3f3e3e; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(32, 61, 121, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #595757; background-color: #474646; } + +searchbar > revealer > box:backdrop { border-color: #545252; background-color: #464545; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +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 #666464; background-color: #8121b9; } + +infobar .close, searchbar .close { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, infobar .close:focus, searchbar .close:hover, searchbar .close:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +infobar .close:hover, infobar .close:hover image, infobar .close:hover arrow, infobar .close:focus, infobar .close:focus image, infobar .close:focus arrow, searchbar .close:hover, searchbar .close:hover image, searchbar .close:hover arrow, searchbar .close:focus, searchbar .close:focus image, searchbar .close:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +infobar .close:active, infobar .close.keyboard-activating, searchbar .close:active, searchbar .close.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +infobar .close:checked, infobar .close:selected, infobar .close.has-open-popup, searchbar .close:checked, searchbar .close:selected, searchbar .close.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +infobar .close:checked, infobar .close:checked image, infobar .close:checked arrow, infobar .close:selected, infobar .close:selected image, infobar .close:selected arrow, infobar .close.has-open-popup, infobar .close.has-open-popup image, infobar .close.has-open-popup arrow, searchbar .close:checked, searchbar .close:checked image, searchbar .close:checked arrow, searchbar .close:selected, searchbar .close:selected image, searchbar .close:selected arrow, searchbar .close.has-open-popup, searchbar .close.has-open-popup image, searchbar .close.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +infobar .close:checked:hover, infobar .close:checked:focus, infobar .close:selected:hover, infobar .close:selected:focus, infobar .close.has-open-popup:hover, infobar .close.has-open-popup:focus, searchbar .close:checked:hover, searchbar .close:checked:focus, searchbar .close:selected:hover, searchbar .close:selected:focus, searchbar .close.has-open-popup:hover, searchbar .close.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +infobar .close:checked:hover, infobar .close:checked:hover image, infobar .close:checked:hover arrow, infobar .close:checked:focus, infobar .close:checked:focus image, infobar .close:checked:focus arrow, infobar .close:selected:hover, infobar .close:selected:hover image, infobar .close:selected:hover arrow, infobar .close:selected:focus, infobar .close:selected:focus image, infobar .close:selected:focus arrow, infobar .close.has-open-popup:hover, infobar .close.has-open-popup:hover image, infobar .close.has-open-popup:hover arrow, infobar .close.has-open-popup:focus, infobar .close.has-open-popup:focus image, infobar .close.has-open-popup:focus arrow, searchbar .close:checked:hover, searchbar .close:checked:hover image, searchbar .close:checked:hover arrow, searchbar .close:checked:focus, searchbar .close:checked:focus image, searchbar .close:checked:focus arrow, searchbar .close:selected:hover, searchbar .close:selected:hover image, searchbar .close:selected:hover arrow, searchbar .close:selected:focus, searchbar .close:selected:focus image, searchbar .close:selected:focus arrow, searchbar .close.has-open-popup:hover, searchbar .close.has-open-popup:hover image, searchbar .close.has-open-popup:hover arrow, searchbar .close.has-open-popup:focus, searchbar .close.has-open-popup:focus image, searchbar .close.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +infobar .close:disabled, infobar .close:disabled:checked, infobar .close:disabled:selected, infobar .close:disabled.has-open-popup, searchbar .close:disabled, searchbar .close:disabled:checked, searchbar .close:disabled:selected, searchbar .close:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; } + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; } + +windowcontrols button { padding-right: 6px; padding-left: 6px; min-width: 0; } + +windowcontrols button.close { padding-right: 12px; padding-left: 12px; } + +windowcontrols button.close:not(:backdrop) { color: #EDF0F5; background-color: #7a2b2b; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +windowcontrols button.close:not(:backdrop):hover, windowcontrols button.close:not(:backdrop):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +windowcontrols button.close:not(:backdrop):hover, windowcontrols button.close:not(:backdrop):hover image, windowcontrols button.close:not(:backdrop):hover arrow, windowcontrols button.close:not(:backdrop):focus, windowcontrols button.close:not(:backdrop):focus image, windowcontrols button.close:not(:backdrop):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +windowcontrols button.close:not(:backdrop):active, windowcontrols button.close:not(:backdrop).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +windowcontrols button.close:not(:backdrop):checked, windowcontrols button.close:not(:backdrop):selected, windowcontrols button.close:not(:backdrop).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +windowcontrols button.close:not(:backdrop):checked, windowcontrols button.close:not(:backdrop):checked image, windowcontrols button.close:not(:backdrop):checked arrow, windowcontrols button.close:not(:backdrop):selected, windowcontrols button.close:not(:backdrop):selected image, windowcontrols button.close:not(:backdrop):selected arrow, windowcontrols button.close:not(:backdrop).has-open-popup, windowcontrols button.close:not(:backdrop).has-open-popup image, windowcontrols button.close:not(:backdrop).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +windowcontrols button.close:not(:backdrop):checked:hover, windowcontrols button.close:not(:backdrop):checked:focus, windowcontrols button.close:not(:backdrop):selected:hover, windowcontrols button.close:not(:backdrop):selected:focus, windowcontrols button.close:not(:backdrop).has-open-popup:hover, windowcontrols button.close:not(:backdrop).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +windowcontrols button.close:not(:backdrop):checked:hover, windowcontrols button.close:not(:backdrop):checked:hover image, windowcontrols button.close:not(:backdrop):checked:hover arrow, windowcontrols button.close:not(:backdrop):checked:focus, windowcontrols button.close:not(:backdrop):checked:focus image, windowcontrols button.close:not(:backdrop):checked:focus arrow, windowcontrols button.close:not(:backdrop):selected:hover, windowcontrols button.close:not(:backdrop):selected:hover image, windowcontrols button.close:not(:backdrop):selected:hover arrow, windowcontrols button.close:not(:backdrop):selected:focus, windowcontrols button.close:not(:backdrop):selected:focus image, windowcontrols button.close:not(:backdrop):selected:focus arrow, windowcontrols button.close:not(:backdrop).has-open-popup:hover, windowcontrols button.close:not(:backdrop).has-open-popup:hover image, windowcontrols button.close:not(:backdrop).has-open-popup:hover arrow, windowcontrols button.close:not(:backdrop).has-open-popup:focus, windowcontrols button.close:not(:backdrop).has-open-popup:focus image, windowcontrols button.close:not(:backdrop).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +windowcontrols button.close:not(:backdrop):disabled, windowcontrols button.close:not(:backdrop):disabled:checked, windowcontrols button.close:not(:backdrop):disabled:selected, windowcontrols button.close:not(:backdrop):disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +windowcontrols button > image { background-color: unset; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #3f3e3e linear-gradient(to top, black, #3a3939 7%, #424141 93%, #8c8a8a 100%); color: #EDF0F5; /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop, windowhandle:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title, windowhandle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) button, headerbar button, windowhandle button { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:focus, headerbar button:hover, headerbar button:focus, windowhandle button:hover, windowhandle button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:hover image, .titlebar:not(headerbar) button:hover arrow, .titlebar:not(headerbar) button:focus, .titlebar:not(headerbar) button:focus image, .titlebar:not(headerbar) button:focus arrow, headerbar button:hover, headerbar button:hover image, headerbar button:hover arrow, headerbar button:focus, headerbar button:focus image, headerbar button:focus arrow, windowhandle button:hover, windowhandle button:hover image, windowhandle button:hover arrow, windowhandle button:focus, windowhandle button:focus image, windowhandle button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button.keyboard-activating, headerbar button:active, headerbar button.keyboard-activating, windowhandle button:active, windowhandle button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button.has-open-popup, headerbar button:checked, headerbar button:selected, headerbar button.has-open-popup, windowhandle button:checked, windowhandle button:selected, windowhandle button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:checked image, .titlebar:not(headerbar) button:checked arrow, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button:selected image, .titlebar:not(headerbar) button:selected arrow, .titlebar:not(headerbar) button.has-open-popup, .titlebar:not(headerbar) button.has-open-popup image, .titlebar:not(headerbar) button.has-open-popup arrow, headerbar button:checked, headerbar button:checked image, headerbar button:checked arrow, headerbar button:selected, headerbar button:selected image, headerbar button:selected arrow, headerbar button.has-open-popup, headerbar button.has-open-popup image, headerbar button.has-open-popup arrow, windowhandle button:checked, windowhandle button:checked image, windowhandle button:checked arrow, windowhandle button:selected, windowhandle button:selected image, windowhandle button:selected arrow, windowhandle button.has-open-popup, windowhandle button.has-open-popup image, windowhandle button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:focus, headerbar button:checked:hover, headerbar button:checked:focus, headerbar button:selected:hover, headerbar button:selected:focus, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:focus, windowhandle button:checked:hover, windowhandle button:checked:focus, windowhandle button:selected:hover, windowhandle button:selected:focus, windowhandle button.has-open-popup:hover, windowhandle button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:hover image, .titlebar:not(headerbar) button:checked:hover arrow, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:checked:focus image, .titlebar:not(headerbar) button:checked:focus arrow, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:hover image, .titlebar:not(headerbar) button:selected:hover arrow, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button:selected:focus image, .titlebar:not(headerbar) button:selected:focus arrow, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:hover image, .titlebar:not(headerbar) button.has-open-popup:hover arrow, .titlebar:not(headerbar) button.has-open-popup:focus, .titlebar:not(headerbar) button.has-open-popup:focus image, .titlebar:not(headerbar) button.has-open-popup:focus arrow, headerbar button:checked:hover, headerbar button:checked:hover image, headerbar button:checked:hover arrow, headerbar button:checked:focus, headerbar button:checked:focus image, headerbar button:checked:focus arrow, headerbar button:selected:hover, headerbar button:selected:hover image, headerbar button:selected:hover arrow, headerbar button:selected:focus, headerbar button:selected:focus image, headerbar button:selected:focus arrow, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:hover image, headerbar button.has-open-popup:hover arrow, headerbar button.has-open-popup:focus, headerbar button.has-open-popup:focus image, headerbar button.has-open-popup:focus arrow, windowhandle button:checked:hover, windowhandle button:checked:hover image, windowhandle button:checked:hover arrow, windowhandle button:checked:focus, windowhandle button:checked:focus image, windowhandle button:checked:focus arrow, windowhandle button:selected:hover, windowhandle button:selected:hover image, windowhandle button:selected:hover arrow, windowhandle button:selected:focus, windowhandle button:selected:focus image, windowhandle button:selected:focus arrow, windowhandle button.has-open-popup:hover, windowhandle button.has-open-popup:hover image, windowhandle button.has-open-popup:hover arrow, windowhandle button.has-open-popup:focus, windowhandle button.has-open-popup:focus image, windowhandle button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:disabled, headerbar button:disabled, windowhandle button:disabled { color: #7c675a; background-color: #493e37; } + +.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked), windowhandle button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):focus, windowhandle button:backdrop:not(:checked):hover, windowhandle button:backdrop:not(:checked):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, .titlebar:not(headerbar) button:backdrop:not(:checked):focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):focus arrow, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover image, headerbar button:backdrop:not(:checked):hover arrow, headerbar button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):focus image, headerbar button:backdrop:not(:checked):focus arrow, windowhandle button:backdrop:not(:checked):hover, windowhandle button:backdrop:not(:checked):hover image, windowhandle button:backdrop:not(:checked):hover arrow, windowhandle button:backdrop:not(:checked):focus, windowhandle button:backdrop:not(:checked):focus image, windowhandle button:backdrop:not(:checked):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):active, .titlebar:not(headerbar) button:backdrop:not(:checked).keyboard-activating, headerbar button:backdrop:not(:checked):active, headerbar button:backdrop:not(:checked).keyboard-activating, windowhandle button:backdrop:not(:checked):active, windowhandle button:backdrop:not(:checked).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked).has-open-popup, windowhandle button:backdrop:not(:checked):checked, windowhandle button:backdrop:not(:checked):selected, windowhandle button:backdrop:not(:checked).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):checked image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked):selected image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup arrow, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):checked image, headerbar button:backdrop:not(:checked):checked arrow, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked):selected image, headerbar button:backdrop:not(:checked):selected arrow, headerbar button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked).has-open-popup image, headerbar button:backdrop:not(:checked).has-open-popup arrow, windowhandle button:backdrop:not(:checked):checked, windowhandle button:backdrop:not(:checked):checked image, windowhandle button:backdrop:not(:checked):checked arrow, windowhandle button:backdrop:not(:checked):selected, windowhandle button:backdrop:not(:checked):selected image, windowhandle button:backdrop:not(:checked):selected arrow, windowhandle button:backdrop:not(:checked).has-open-popup, windowhandle button:backdrop:not(:checked).has-open-popup image, windowhandle button:backdrop:not(:checked).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:focus, windowhandle button:backdrop:not(:checked):checked:hover, windowhandle button:backdrop:not(:checked):checked:focus, windowhandle button:backdrop:not(:checked):selected:hover, windowhandle button:backdrop:not(:checked):selected:focus, windowhandle button:backdrop:not(:checked).has-open-popup:hover, windowhandle button:backdrop:not(:checked).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus arrow, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:hover image, headerbar button:backdrop:not(:checked):checked:hover arrow, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):checked:focus image, headerbar button:backdrop:not(:checked):checked:focus arrow, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:hover image, headerbar button:backdrop:not(:checked):selected:hover arrow, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked):selected:focus image, headerbar button:backdrop:not(:checked):selected:focus arrow, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:hover image, headerbar button:backdrop:not(:checked).has-open-popup:hover arrow, headerbar button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked).has-open-popup:focus image, headerbar button:backdrop:not(:checked).has-open-popup:focus arrow, windowhandle button:backdrop:not(:checked):checked:hover, windowhandle button:backdrop:not(:checked):checked:hover image, windowhandle button:backdrop:not(:checked):checked:hover arrow, windowhandle button:backdrop:not(:checked):checked:focus, windowhandle button:backdrop:not(:checked):checked:focus image, windowhandle button:backdrop:not(:checked):checked:focus arrow, windowhandle button:backdrop:not(:checked):selected:hover, windowhandle button:backdrop:not(:checked):selected:hover image, windowhandle button:backdrop:not(:checked):selected:hover arrow, windowhandle button:backdrop:not(:checked):selected:focus, windowhandle button:backdrop:not(:checked):selected:focus image, windowhandle button:backdrop:not(:checked):selected:focus arrow, windowhandle button:backdrop:not(:checked).has-open-popup:hover, windowhandle button:backdrop:not(:checked).has-open-popup:hover image, windowhandle button:backdrop:not(:checked).has-open-popup:hover arrow, windowhandle button:backdrop:not(:checked).has-open-popup:focus, windowhandle button:backdrop:not(:checked).has-open-popup:focus image, windowhandle button:backdrop:not(:checked).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):disabled, headerbar button:backdrop:not(:checked):disabled, windowhandle button:backdrop:not(:checked):disabled { color: #7c675a; background-color: #493e37; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar, .tiled windowhandle, .tiled-top windowhandle, .tiled-left windowhandle, .tiled-right windowhandle, .tiled-bottom windowhandle, .maximized windowhandle, .fullscreen windowhandle { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration, windowhandle.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton, windowhandle.default-decoration windowcontrols button, windowhandle.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button, windowhandle.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr), .solid-csd windowhandle:backdrop:dir(rtl), .solid-csd windowhandle:backdrop:dir(ltr), .solid-csd windowhandle:dir(rtl), .solid-csd windowhandle:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar { padding: 0 6px; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +window.devel headerbar.titlebar { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(117, 255, 37, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } + +window.devel headerbar.titlebar:backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #575859; border-top-color: #575859; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); } + +columnview.view:disabled, treeview.view:disabled { color: #7c675a; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #57b519; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #575859; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #338b00; } + +columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } + +columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: #EDF0F5; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #417e0f; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #2a4606; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view > header > button, treeview.view > header > button { border-right-width: 0px; border-radius: 0; padding: 0px 3px; margin: 0px; color: #909194; background-color: #323232; font-weight: bold; text-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #bfc1c5; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #EDF0F5; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-width: 1px; } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); color: #75ff25; background-color: #75ff25; transition: none; } + +columnview.view button.dnd:active:hover, columnview.view button.dnd:active:focus, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:focus, columnview.view button.dnd:hover:hover, columnview.view button.dnd:hover:focus, columnview.view button.dnd:hover, columnview.view button.dnd:focus, columnview.view header.button.dnd:active:hover, columnview.view header.button.dnd:active:focus, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd:hover:hover, columnview.view header.button.dnd:hover:focus, columnview.view header.button.dnd:hover, columnview.view header.button.dnd:focus, treeview.view button.dnd:active:hover, treeview.view button.dnd:active:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover, treeview.view button.dnd:focus, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +columnview.view button.dnd:active:hover, columnview.view button.dnd:active:hover image, columnview.view button.dnd:active:hover arrow, columnview.view button.dnd:active:focus, columnview.view button.dnd:active:focus image, columnview.view button.dnd:active:focus arrow, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:hover image, columnview.view button.dnd:selected:hover arrow, columnview.view button.dnd:selected:focus, columnview.view button.dnd:selected:focus image, columnview.view button.dnd:selected:focus arrow, columnview.view button.dnd:hover:hover, columnview.view button.dnd:hover:hover image, columnview.view button.dnd:hover:hover arrow, columnview.view button.dnd:hover:focus, columnview.view button.dnd:hover:focus image, columnview.view button.dnd:hover:focus arrow, columnview.view button.dnd:hover, columnview.view button.dnd:hover image, columnview.view button.dnd:hover arrow, columnview.view button.dnd:focus, columnview.view button.dnd:focus image, columnview.view button.dnd:focus arrow, columnview.view header.button.dnd:active:hover, columnview.view header.button.dnd:active:hover image, columnview.view header.button.dnd:active:hover arrow, columnview.view header.button.dnd:active:focus, columnview.view header.button.dnd:active:focus image, columnview.view header.button.dnd:active:focus arrow, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:hover image, columnview.view header.button.dnd:selected:hover arrow, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd:selected:focus image, columnview.view header.button.dnd:selected:focus arrow, columnview.view header.button.dnd:hover:hover, columnview.view header.button.dnd:hover:hover image, columnview.view header.button.dnd:hover:hover arrow, columnview.view header.button.dnd:hover:focus, columnview.view header.button.dnd:hover:focus image, columnview.view header.button.dnd:hover:focus arrow, columnview.view header.button.dnd:hover, columnview.view header.button.dnd:hover image, columnview.view header.button.dnd:hover arrow, columnview.view header.button.dnd:focus, columnview.view header.button.dnd:focus image, columnview.view header.button.dnd:focus arrow, treeview.view button.dnd:active:hover, treeview.view button.dnd:active:hover image, treeview.view button.dnd:active:hover arrow, treeview.view button.dnd:active:focus, treeview.view button.dnd:active:focus image, treeview.view button.dnd:active:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:hover image, treeview.view button.dnd:hover:hover arrow, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover:focus image, treeview.view button.dnd:hover:focus arrow, treeview.view button.dnd:hover, treeview.view button.dnd:hover image, treeview.view button.dnd:hover arrow, treeview.view button.dnd:focus, treeview.view button.dnd:focus image, treeview.view button.dnd:focus arrow, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:hover image, treeview.view header.button.dnd:active:hover arrow, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:active:focus image, treeview.view header.button.dnd:active:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:hover image, treeview.view header.button.dnd:hover:hover arrow, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover:focus image, treeview.view header.button.dnd:hover:focus arrow, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:hover image, treeview.view header.button.dnd:hover arrow, treeview.view header.button.dnd:focus, treeview.view header.button.dnd:focus image, treeview.view header.button.dnd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +columnview.view button.dnd:active:active, columnview.view button.dnd:active.keyboard-activating, columnview.view button.dnd:selected:active, columnview.view button.dnd:selected.keyboard-activating, columnview.view button.dnd:hover:active, columnview.view button.dnd:hover.keyboard-activating, columnview.view button.dnd:active, columnview.view button.dnd.keyboard-activating, columnview.view header.button.dnd:active:active, columnview.view header.button.dnd:active.keyboard-activating, columnview.view header.button.dnd:selected:active, columnview.view header.button.dnd:selected.keyboard-activating, columnview.view header.button.dnd:hover:active, columnview.view header.button.dnd:hover.keyboard-activating, columnview.view header.button.dnd:active, columnview.view header.button.dnd.keyboard-activating, treeview.view button.dnd:active:active, treeview.view button.dnd:active.keyboard-activating, treeview.view button.dnd:selected:active, treeview.view button.dnd:selected.keyboard-activating, treeview.view button.dnd:hover:active, treeview.view button.dnd:hover.keyboard-activating, treeview.view button.dnd:active, treeview.view button.dnd.keyboard-activating, treeview.view header.button.dnd:active:active, treeview.view header.button.dnd:active.keyboard-activating, treeview.view header.button.dnd:selected:active, treeview.view header.button.dnd:selected.keyboard-activating, treeview.view header.button.dnd:hover:active, treeview.view header.button.dnd:hover.keyboard-activating, treeview.view header.button.dnd:active, treeview.view header.button.dnd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +columnview.view button.dnd:active:checked, columnview.view button.dnd:active:selected, columnview.view button.dnd:active.has-open-popup, columnview.view button.dnd:selected:checked, columnview.view button.dnd:selected:selected, columnview.view button.dnd:selected.has-open-popup, columnview.view button.dnd:hover:checked, columnview.view button.dnd:hover:selected, columnview.view button.dnd:hover.has-open-popup, columnview.view button.dnd:checked, columnview.view button.dnd:selected, columnview.view button.dnd.has-open-popup, columnview.view header.button.dnd:active:checked, columnview.view header.button.dnd:active:selected, columnview.view header.button.dnd:active.has-open-popup, columnview.view header.button.dnd:selected:checked, columnview.view header.button.dnd:selected:selected, columnview.view header.button.dnd:selected.has-open-popup, columnview.view header.button.dnd:hover:checked, columnview.view header.button.dnd:hover:selected, columnview.view header.button.dnd:hover.has-open-popup, columnview.view header.button.dnd:checked, columnview.view header.button.dnd:selected, columnview.view header.button.dnd.has-open-popup, treeview.view button.dnd:active:checked, treeview.view button.dnd:active:selected, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:checked, treeview.view button.dnd:selected, treeview.view button.dnd.has-open-popup, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:selected, treeview.view header.button.dnd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +columnview.view button.dnd:active:checked, columnview.view button.dnd:active:checked image, columnview.view button.dnd:active:checked arrow, columnview.view button.dnd:active:selected, columnview.view button.dnd:active:selected image, columnview.view button.dnd:active:selected arrow, columnview.view button.dnd:active.has-open-popup, columnview.view button.dnd:active.has-open-popup image, columnview.view button.dnd:active.has-open-popup arrow, columnview.view button.dnd:selected:checked, columnview.view button.dnd:selected:checked image, columnview.view button.dnd:selected:checked arrow, columnview.view button.dnd:selected:selected, columnview.view button.dnd:selected:selected image, columnview.view button.dnd:selected:selected arrow, columnview.view button.dnd:selected.has-open-popup, columnview.view button.dnd:selected.has-open-popup image, columnview.view button.dnd:selected.has-open-popup arrow, columnview.view button.dnd:hover:checked, columnview.view button.dnd:hover:checked image, columnview.view button.dnd:hover:checked arrow, columnview.view button.dnd:hover:selected, columnview.view button.dnd:hover:selected image, columnview.view button.dnd:hover:selected arrow, columnview.view button.dnd:hover.has-open-popup, columnview.view button.dnd:hover.has-open-popup image, columnview.view button.dnd:hover.has-open-popup arrow, columnview.view button.dnd:checked, columnview.view button.dnd:checked image, columnview.view button.dnd:checked arrow, columnview.view button.dnd:selected, columnview.view button.dnd:selected image, columnview.view button.dnd:selected arrow, columnview.view button.dnd.has-open-popup, columnview.view button.dnd.has-open-popup image, columnview.view button.dnd.has-open-popup arrow, columnview.view header.button.dnd:active:checked, columnview.view header.button.dnd:active:checked image, columnview.view header.button.dnd:active:checked arrow, columnview.view header.button.dnd:active:selected, columnview.view header.button.dnd:active:selected image, columnview.view header.button.dnd:active:selected arrow, columnview.view header.button.dnd:active.has-open-popup, columnview.view header.button.dnd:active.has-open-popup image, columnview.view header.button.dnd:active.has-open-popup arrow, columnview.view header.button.dnd:selected:checked, columnview.view header.button.dnd:selected:checked image, columnview.view header.button.dnd:selected:checked arrow, columnview.view header.button.dnd:selected:selected, columnview.view header.button.dnd:selected:selected image, columnview.view header.button.dnd:selected:selected arrow, columnview.view header.button.dnd:selected.has-open-popup, columnview.view header.button.dnd:selected.has-open-popup image, columnview.view header.button.dnd:selected.has-open-popup arrow, columnview.view header.button.dnd:hover:checked, columnview.view header.button.dnd:hover:checked image, columnview.view header.button.dnd:hover:checked arrow, columnview.view header.button.dnd:hover:selected, columnview.view header.button.dnd:hover:selected image, columnview.view header.button.dnd:hover:selected arrow, columnview.view header.button.dnd:hover.has-open-popup, columnview.view header.button.dnd:hover.has-open-popup image, columnview.view header.button.dnd:hover.has-open-popup arrow, columnview.view header.button.dnd:checked, columnview.view header.button.dnd:checked image, columnview.view header.button.dnd:checked arrow, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:selected image, columnview.view header.button.dnd:selected arrow, columnview.view header.button.dnd.has-open-popup, columnview.view header.button.dnd.has-open-popup image, columnview.view header.button.dnd.has-open-popup arrow, treeview.view button.dnd:active:checked, treeview.view button.dnd:active:checked image, treeview.view button.dnd:active:checked arrow, treeview.view button.dnd:active:selected, treeview.view button.dnd:active:selected image, treeview.view button.dnd:active:selected arrow, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:active.has-open-popup image, treeview.view button.dnd:active.has-open-popup arrow, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:checked image, treeview.view button.dnd:selected:checked arrow, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected:selected image, treeview.view button.dnd:selected:selected arrow, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:selected.has-open-popup image, treeview.view button.dnd:selected.has-open-popup arrow, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:checked image, treeview.view button.dnd:hover:checked arrow, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover:selected image, treeview.view button.dnd:hover:selected arrow, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:hover.has-open-popup image, treeview.view button.dnd:hover.has-open-popup arrow, treeview.view button.dnd:checked, treeview.view button.dnd:checked image, treeview.view button.dnd:checked arrow, treeview.view button.dnd:selected, treeview.view button.dnd:selected image, treeview.view button.dnd:selected arrow, treeview.view button.dnd.has-open-popup, treeview.view button.dnd.has-open-popup image, treeview.view button.dnd.has-open-popup arrow, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:checked image, treeview.view header.button.dnd:active:checked arrow, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active:selected image, treeview.view header.button.dnd:active:selected arrow, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:active.has-open-popup image, treeview.view header.button.dnd:active.has-open-popup arrow, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:checked image, treeview.view header.button.dnd:selected:checked arrow, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected:selected image, treeview.view header.button.dnd:selected:selected arrow, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:selected.has-open-popup image, treeview.view header.button.dnd:selected.has-open-popup arrow, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:checked image, treeview.view header.button.dnd:hover:checked arrow, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover:selected image, treeview.view header.button.dnd:hover:selected arrow, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:hover.has-open-popup image, treeview.view header.button.dnd:hover.has-open-popup arrow, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:checked image, treeview.view header.button.dnd:checked arrow, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:selected image, treeview.view header.button.dnd:selected arrow, treeview.view header.button.dnd.has-open-popup, treeview.view header.button.dnd.has-open-popup image, treeview.view header.button.dnd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +columnview.view button.dnd:active:checked:hover, columnview.view button.dnd:active:checked:focus, columnview.view button.dnd:active:selected:hover, columnview.view button.dnd:active:selected:focus, columnview.view button.dnd:active.has-open-popup:hover, columnview.view button.dnd:active.has-open-popup:focus, columnview.view button.dnd:selected:checked:hover, columnview.view button.dnd:selected:checked:focus, columnview.view button.dnd:selected:selected:hover, columnview.view button.dnd:selected:selected:focus, columnview.view button.dnd:selected.has-open-popup:hover, columnview.view button.dnd:selected.has-open-popup:focus, columnview.view button.dnd:hover:checked:hover, columnview.view button.dnd:hover:checked:focus, columnview.view button.dnd:hover:selected:hover, columnview.view button.dnd:hover:selected:focus, columnview.view button.dnd:hover.has-open-popup:hover, columnview.view button.dnd:hover.has-open-popup:focus, columnview.view button.dnd:checked:hover, columnview.view button.dnd:checked:focus, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:focus, columnview.view button.dnd.has-open-popup:hover, columnview.view button.dnd.has-open-popup:focus, columnview.view header.button.dnd:active:checked:hover, columnview.view header.button.dnd:active:checked:focus, columnview.view header.button.dnd:active:selected:hover, columnview.view header.button.dnd:active:selected:focus, columnview.view header.button.dnd:active.has-open-popup:hover, columnview.view header.button.dnd:active.has-open-popup:focus, columnview.view header.button.dnd:selected:checked:hover, columnview.view header.button.dnd:selected:checked:focus, columnview.view header.button.dnd:selected:selected:hover, columnview.view header.button.dnd:selected:selected:focus, columnview.view header.button.dnd:selected.has-open-popup:hover, columnview.view header.button.dnd:selected.has-open-popup:focus, columnview.view header.button.dnd:hover:checked:hover, columnview.view header.button.dnd:hover:checked:focus, columnview.view header.button.dnd:hover:selected:hover, columnview.view header.button.dnd:hover:selected:focus, columnview.view header.button.dnd:hover.has-open-popup:hover, columnview.view header.button.dnd:hover.has-open-popup:focus, columnview.view header.button.dnd:checked:hover, columnview.view header.button.dnd:checked:focus, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd.has-open-popup:hover, columnview.view header.button.dnd.has-open-popup:focus, treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:focus, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +columnview.view button.dnd:active:checked:hover, columnview.view button.dnd:active:checked:hover image, columnview.view button.dnd:active:checked:hover arrow, columnview.view button.dnd:active:checked:focus, columnview.view button.dnd:active:checked:focus image, columnview.view button.dnd:active:checked:focus arrow, columnview.view button.dnd:active:selected:hover, columnview.view button.dnd:active:selected:hover image, columnview.view button.dnd:active:selected:hover arrow, columnview.view button.dnd:active:selected:focus, columnview.view button.dnd:active:selected:focus image, columnview.view button.dnd:active:selected:focus arrow, columnview.view button.dnd:active.has-open-popup:hover, columnview.view button.dnd:active.has-open-popup:hover image, columnview.view button.dnd:active.has-open-popup:hover arrow, columnview.view button.dnd:active.has-open-popup:focus, columnview.view button.dnd:active.has-open-popup:focus image, columnview.view button.dnd:active.has-open-popup:focus arrow, columnview.view button.dnd:selected:checked:hover, columnview.view button.dnd:selected:checked:hover image, columnview.view button.dnd:selected:checked:hover arrow, columnview.view button.dnd:selected:checked:focus, columnview.view button.dnd:selected:checked:focus image, columnview.view button.dnd:selected:checked:focus arrow, columnview.view button.dnd:selected:selected:hover, columnview.view button.dnd:selected:selected:hover image, columnview.view button.dnd:selected:selected:hover arrow, columnview.view button.dnd:selected:selected:focus, columnview.view button.dnd:selected:selected:focus image, columnview.view button.dnd:selected:selected:focus arrow, columnview.view button.dnd:selected.has-open-popup:hover, columnview.view button.dnd:selected.has-open-popup:hover image, columnview.view button.dnd:selected.has-open-popup:hover arrow, columnview.view button.dnd:selected.has-open-popup:focus, columnview.view button.dnd:selected.has-open-popup:focus image, columnview.view button.dnd:selected.has-open-popup:focus arrow, columnview.view button.dnd:hover:checked:hover, columnview.view button.dnd:hover:checked:hover image, columnview.view button.dnd:hover:checked:hover arrow, columnview.view button.dnd:hover:checked:focus, columnview.view button.dnd:hover:checked:focus image, columnview.view button.dnd:hover:checked:focus arrow, columnview.view button.dnd:hover:selected:hover, columnview.view button.dnd:hover:selected:hover image, columnview.view button.dnd:hover:selected:hover arrow, columnview.view button.dnd:hover:selected:focus, columnview.view button.dnd:hover:selected:focus image, columnview.view button.dnd:hover:selected:focus arrow, columnview.view button.dnd:hover.has-open-popup:hover, columnview.view button.dnd:hover.has-open-popup:hover image, columnview.view button.dnd:hover.has-open-popup:hover arrow, columnview.view button.dnd:hover.has-open-popup:focus, columnview.view button.dnd:hover.has-open-popup:focus image, columnview.view button.dnd:hover.has-open-popup:focus arrow, columnview.view button.dnd:checked:hover, columnview.view button.dnd:checked:hover image, columnview.view button.dnd:checked:hover arrow, columnview.view button.dnd:checked:focus, columnview.view button.dnd:checked:focus image, columnview.view button.dnd:checked:focus arrow, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:hover image, columnview.view button.dnd:selected:hover arrow, columnview.view button.dnd:selected:focus, columnview.view button.dnd:selected:focus image, columnview.view button.dnd:selected:focus arrow, columnview.view button.dnd.has-open-popup:hover, columnview.view button.dnd.has-open-popup:hover image, columnview.view button.dnd.has-open-popup:hover arrow, columnview.view button.dnd.has-open-popup:focus, columnview.view button.dnd.has-open-popup:focus image, columnview.view button.dnd.has-open-popup:focus arrow, columnview.view header.button.dnd:active:checked:hover, columnview.view header.button.dnd:active:checked:hover image, columnview.view header.button.dnd:active:checked:hover arrow, columnview.view header.button.dnd:active:checked:focus, columnview.view header.button.dnd:active:checked:focus image, columnview.view header.button.dnd:active:checked:focus arrow, columnview.view header.button.dnd:active:selected:hover, columnview.view header.button.dnd:active:selected:hover image, columnview.view header.button.dnd:active:selected:hover arrow, columnview.view header.button.dnd:active:selected:focus, columnview.view header.button.dnd:active:selected:focus image, columnview.view header.button.dnd:active:selected:focus arrow, columnview.view header.button.dnd:active.has-open-popup:hover, columnview.view header.button.dnd:active.has-open-popup:hover image, columnview.view header.button.dnd:active.has-open-popup:hover arrow, columnview.view header.button.dnd:active.has-open-popup:focus, columnview.view header.button.dnd:active.has-open-popup:focus image, columnview.view header.button.dnd:active.has-open-popup:focus arrow, columnview.view header.button.dnd:selected:checked:hover, columnview.view header.button.dnd:selected:checked:hover image, columnview.view header.button.dnd:selected:checked:hover arrow, columnview.view header.button.dnd:selected:checked:focus, columnview.view header.button.dnd:selected:checked:focus image, columnview.view header.button.dnd:selected:checked:focus arrow, columnview.view header.button.dnd:selected:selected:hover, columnview.view header.button.dnd:selected:selected:hover image, columnview.view header.button.dnd:selected:selected:hover arrow, columnview.view header.button.dnd:selected:selected:focus, columnview.view header.button.dnd:selected:selected:focus image, columnview.view header.button.dnd:selected:selected:focus arrow, columnview.view header.button.dnd:selected.has-open-popup:hover, columnview.view header.button.dnd:selected.has-open-popup:hover image, columnview.view header.button.dnd:selected.has-open-popup:hover arrow, columnview.view header.button.dnd:selected.has-open-popup:focus, columnview.view header.button.dnd:selected.has-open-popup:focus image, columnview.view header.button.dnd:selected.has-open-popup:focus arrow, columnview.view header.button.dnd:hover:checked:hover, columnview.view header.button.dnd:hover:checked:hover image, columnview.view header.button.dnd:hover:checked:hover arrow, columnview.view header.button.dnd:hover:checked:focus, columnview.view header.button.dnd:hover:checked:focus image, columnview.view header.button.dnd:hover:checked:focus arrow, columnview.view header.button.dnd:hover:selected:hover, columnview.view header.button.dnd:hover:selected:hover image, columnview.view header.button.dnd:hover:selected:hover arrow, columnview.view header.button.dnd:hover:selected:focus, columnview.view header.button.dnd:hover:selected:focus image, columnview.view header.button.dnd:hover:selected:focus arrow, columnview.view header.button.dnd:hover.has-open-popup:hover, columnview.view header.button.dnd:hover.has-open-popup:hover image, columnview.view header.button.dnd:hover.has-open-popup:hover arrow, columnview.view header.button.dnd:hover.has-open-popup:focus, columnview.view header.button.dnd:hover.has-open-popup:focus image, columnview.view header.button.dnd:hover.has-open-popup:focus arrow, columnview.view header.button.dnd:checked:hover, columnview.view header.button.dnd:checked:hover image, columnview.view header.button.dnd:checked:hover arrow, columnview.view header.button.dnd:checked:focus, columnview.view header.button.dnd:checked:focus image, columnview.view header.button.dnd:checked:focus arrow, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:hover image, columnview.view header.button.dnd:selected:hover arrow, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd:selected:focus image, columnview.view header.button.dnd:selected:focus arrow, columnview.view header.button.dnd.has-open-popup:hover, columnview.view header.button.dnd.has-open-popup:hover image, columnview.view header.button.dnd.has-open-popup:hover arrow, columnview.view header.button.dnd.has-open-popup:focus, columnview.view header.button.dnd.has-open-popup:focus image, columnview.view header.button.dnd.has-open-popup:focus arrow, treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:hover image, treeview.view button.dnd:active:checked:hover arrow, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:checked:focus image, treeview.view button.dnd:active:checked:focus arrow, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:hover image, treeview.view button.dnd:active:selected:hover arrow, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active:selected:focus image, treeview.view button.dnd:active:selected:focus arrow, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:hover image, treeview.view button.dnd:active.has-open-popup:hover arrow, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:active.has-open-popup:focus image, treeview.view button.dnd:active.has-open-popup:focus arrow, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:hover image, treeview.view button.dnd:selected:checked:hover arrow, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:checked:focus image, treeview.view button.dnd:selected:checked:focus arrow, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:hover image, treeview.view button.dnd:selected:selected:hover arrow, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected:selected:focus image, treeview.view button.dnd:selected:selected:focus arrow, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:hover image, treeview.view button.dnd:selected.has-open-popup:hover arrow, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:selected.has-open-popup:focus image, treeview.view button.dnd:selected.has-open-popup:focus arrow, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:hover image, treeview.view button.dnd:hover:checked:hover arrow, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:checked:focus image, treeview.view button.dnd:hover:checked:focus arrow, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:hover image, treeview.view button.dnd:hover:selected:hover arrow, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover:selected:focus image, treeview.view button.dnd:hover:selected:focus arrow, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:hover image, treeview.view button.dnd:hover.has-open-popup:hover arrow, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:hover.has-open-popup:focus image, treeview.view button.dnd:hover.has-open-popup:focus arrow, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:hover image, treeview.view button.dnd:checked:hover arrow, treeview.view button.dnd:checked:focus, treeview.view button.dnd:checked:focus image, treeview.view button.dnd:checked:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:hover image, treeview.view button.dnd.has-open-popup:hover arrow, treeview.view button.dnd.has-open-popup:focus, treeview.view button.dnd.has-open-popup:focus image, treeview.view button.dnd.has-open-popup:focus arrow, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:hover image, treeview.view header.button.dnd:active:checked:hover arrow, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:checked:focus image, treeview.view header.button.dnd:active:checked:focus arrow, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:hover image, treeview.view header.button.dnd:active:selected:hover arrow, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active:selected:focus image, treeview.view header.button.dnd:active:selected:focus arrow, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:hover image, treeview.view header.button.dnd:active.has-open-popup:hover arrow, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:active.has-open-popup:focus image, treeview.view header.button.dnd:active.has-open-popup:focus arrow, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:hover image, treeview.view header.button.dnd:selected:checked:hover arrow, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:checked:focus image, treeview.view header.button.dnd:selected:checked:focus arrow, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:hover image, treeview.view header.button.dnd:selected:selected:hover arrow, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected:selected:focus image, treeview.view header.button.dnd:selected:selected:focus arrow, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:hover image, treeview.view header.button.dnd:selected.has-open-popup:hover arrow, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:selected.has-open-popup:focus image, treeview.view header.button.dnd:selected.has-open-popup:focus arrow, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:hover image, treeview.view header.button.dnd:hover:checked:hover arrow, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:checked:focus image, treeview.view header.button.dnd:hover:checked:focus arrow, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:hover image, treeview.view header.button.dnd:hover:selected:hover arrow, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover:selected:focus image, treeview.view header.button.dnd:hover:selected:focus arrow, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:hover image, treeview.view header.button.dnd:hover.has-open-popup:hover arrow, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:hover.has-open-popup:focus image, treeview.view header.button.dnd:hover.has-open-popup:focus arrow, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:hover image, treeview.view header.button.dnd:checked:hover arrow, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:checked:focus image, treeview.view header.button.dnd:checked:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:hover image, treeview.view header.button.dnd.has-open-popup:hover arrow, treeview.view header.button.dnd.has-open-popup:focus, treeview.view header.button.dnd.has-open-popup:focus image, treeview.view header.button.dnd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +columnview.view button.dnd:active:disabled, columnview.view button.dnd:active:disabled:checked, columnview.view button.dnd:active:disabled:selected, columnview.view button.dnd:active:disabled.has-open-popup, columnview.view button.dnd:selected:disabled, columnview.view button.dnd:selected:disabled:checked, columnview.view button.dnd:selected:disabled:selected, columnview.view button.dnd:selected:disabled.has-open-popup, columnview.view button.dnd:hover:disabled, columnview.view button.dnd:hover:disabled:checked, columnview.view button.dnd:hover:disabled:selected, columnview.view button.dnd:hover:disabled.has-open-popup, columnview.view button.dnd:disabled, columnview.view button.dnd:disabled:checked, columnview.view button.dnd:disabled:selected, columnview.view button.dnd:disabled.has-open-popup, columnview.view header.button.dnd:active:disabled, columnview.view header.button.dnd:active:disabled:checked, columnview.view header.button.dnd:active:disabled:selected, columnview.view header.button.dnd:active:disabled.has-open-popup, columnview.view header.button.dnd:selected:disabled, columnview.view header.button.dnd:selected:disabled:checked, columnview.view header.button.dnd:selected:disabled:selected, columnview.view header.button.dnd:selected:disabled.has-open-popup, columnview.view header.button.dnd:hover:disabled, columnview.view header.button.dnd:hover:disabled:checked, columnview.view header.button.dnd:hover:disabled:selected, columnview.view header.button.dnd:hover:disabled.has-open-popup, columnview.view header.button.dnd:disabled, columnview.view header.button.dnd:disabled:checked, columnview.view header.button.dnd:disabled:selected, columnview.view header.button.dnd:disabled.has-open-popup, treeview.view button.dnd:active:disabled, treeview.view button.dnd:active:disabled:checked, treeview.view button.dnd:active:disabled:selected, treeview.view button.dnd:active:disabled.has-open-popup, treeview.view button.dnd:selected:disabled, treeview.view button.dnd:selected:disabled:checked, treeview.view button.dnd:selected:disabled:selected, treeview.view button.dnd:selected:disabled.has-open-popup, treeview.view button.dnd:hover:disabled, treeview.view button.dnd:hover:disabled:checked, treeview.view button.dnd:hover:disabled:selected, treeview.view button.dnd:hover:disabled.has-open-popup, treeview.view button.dnd:disabled, treeview.view button.dnd:disabled:checked, treeview.view button.dnd:disabled:selected, treeview.view button.dnd:disabled.has-open-popup, treeview.view header.button.dnd:active:disabled, treeview.view header.button.dnd:active:disabled:checked, treeview.view header.button.dnd:active:disabled:selected, treeview.view header.button.dnd:active:disabled.has-open-popup, treeview.view header.button.dnd:selected:disabled, treeview.view header.button.dnd:selected:disabled:checked, treeview.view header.button.dnd:selected:disabled:selected, treeview.view header.button.dnd:selected:disabled.has-open-popup, treeview.view header.button.dnd:hover:disabled, treeview.view header.button.dnd:hover:disabled:checked, treeview.view header.button.dnd:hover:disabled:selected, treeview.view header.button.dnd:hover:disabled.has-open-popup, treeview.view header.button.dnd:disabled, treeview.view header.button.dnd:disabled:checked, treeview.view header.button.dnd:disabled:selected, treeview.view header.button.dnd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #75ff25; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #353434; background-clip: padding-box; border: 1px solid rgba(237, 240, 245, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 7px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #323232; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-height: 30px; min-width: 30px; padding: 0; outline: none; } + +popover.menu box.inline-buttons button.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +popover.menu box.inline-buttons button.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover image, popover.menu box.inline-buttons button.image-button.model:hover arrow, popover.menu box.inline-buttons button.image-button.model:focus, popover.menu box.inline-buttons button.image-button.model:focus image, popover.menu box.inline-buttons button.image-button.model:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:active, popover.menu box.inline-buttons button.image-button.model.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +popover.menu box.inline-buttons button.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:selected, popover.menu box.inline-buttons button.image-button.model.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked image, popover.menu box.inline-buttons button.image-button.model:checked arrow, popover.menu box.inline-buttons button.image-button.model:selected, popover.menu box.inline-buttons button.image-button.model:selected image, popover.menu box.inline-buttons button.image-button.model:selected arrow, popover.menu box.inline-buttons button.image-button.model.has-open-popup, popover.menu box.inline-buttons button.image-button.model.has-open-popup image, popover.menu box.inline-buttons button.image-button.model.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:focus, popover.menu box.inline-buttons button.image-button.model:selected:hover, popover.menu box.inline-buttons button.image-button.model:selected:focus, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +popover.menu box.inline-buttons button.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover image, popover.menu box.inline-buttons button.image-button.model:checked:hover arrow, popover.menu box.inline-buttons button.image-button.model:checked:focus, popover.menu box.inline-buttons button.image-button.model:checked:focus image, popover.menu box.inline-buttons button.image-button.model:checked:focus arrow, popover.menu box.inline-buttons button.image-button.model:selected:hover, popover.menu box.inline-buttons button.image-button.model:selected:hover image, popover.menu box.inline-buttons button.image-button.model:selected:hover arrow, popover.menu box.inline-buttons button.image-button.model:selected:focus, popover.menu box.inline-buttons button.image-button.model:selected:focus image, popover.menu box.inline-buttons button.image-button.model:selected:focus arrow, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover image, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover arrow, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus image, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled:checked, popover.menu box.inline-buttons button.image-button.model:disabled:selected, popover.menu box.inline-buttons button.image-button.model:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #353434; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { border-width: 1px; border-style: solid; min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:hover { color: #2a4606; background-color: #75ff25; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; } + +menubar > item { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; } + +menubar > item:selected, menubar > item:hover { color: #2a4606; background-color: #75ff25; } + +menubar > item:disabled { color: #7c675a; background-color: #493e37; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 7px; } + +/************* Notebooks * */ +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-position: left; padding-left: 1rem; } + +dnd tab:dir(rtl), tabbar tab:dir(rtl), notebook > header tabs > tab.reorderable-page:dir(rtl), notebook > header dnd tab.reorderable-page:dir(rtl), dnd notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tab.reorderable-page:dir(rtl), tabbar notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tabbox > tabboxchild.reorderable-page:dir(rtl), tabbar notebook > header tabbox > tabboxchild.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } + +notebook:focus > header { background-color: #4c4b4b; } + +notebook > header.left, notebook > header.right { border-radius: 1.5em; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:hover image, notebook > header > tabs > arrow:disabled:hover arrow, notebook > header > tabs > arrow:disabled:focus, notebook > header > tabs > arrow:disabled:focus image, notebook > header > tabs > arrow:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:checked image, notebook > header > tabs > arrow:disabled:checked arrow, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled:selected image, notebook > header > tabs > arrow:disabled:selected arrow, notebook > header > tabs > arrow:disabled.has-open-popup, notebook > header > tabs > arrow:disabled.has-open-popup image, notebook > header > tabs > arrow:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:hover image, notebook > header > tabs > arrow:disabled:checked:hover arrow, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:checked:focus image, notebook > header > tabs > arrow:disabled:checked:focus arrow, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:hover image, notebook > header > tabs > arrow:disabled:selected:hover arrow, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled:selected:focus image, notebook > header > tabs > arrow:disabled:selected:focus arrow, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:hover image, notebook > header > tabs > arrow:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow:disabled.has-open-popup:focus, notebook > header > tabs > arrow:disabled.has-open-popup:focus image, notebook > header > tabs > arrow:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:disabled, notebook > header > tabs > arrow:disabled:disabled:checked, notebook > header > tabs > arrow:disabled:disabled:selected, notebook > header > tabs > arrow:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +notebook > header tabs > tab, notebook > header dnd tab, dnd notebook > header tab, notebook > header tabbar tab, tabbar notebook > header tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild { border-radius: 9999px; outline-color: transparent; margin: 3px; } + +notebook > header tabs > tab button.flat, notebook > header dnd tab button.flat, dnd notebook > header tab button.flat, notebook > header tabbar tab button.flat, tabbar notebook > header tab button.flat, notebook > header tabbar tabbox > tabboxchild button.flat, tabbar notebook > header tabbox > tabboxchild button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child, notebook > header dnd tab button.flat:last-child, dnd notebook > header tab button.flat:last-child, notebook > header tabbar tab button.flat:last-child, tabbar notebook > header tab button.flat:last-child, notebook > header tabbar tabbox > tabboxchild button.flat:last-child, tabbar notebook > header tabbox > tabboxchild button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child, notebook > header dnd tab button.flat:first-child, dnd notebook > header tab button.flat:first-child, notebook > header tabbar tab button.flat:first-child, tabbar notebook > header tab button.flat:first-child, notebook > header tabbar tabbox > tabboxchild button.flat:first-child, tabbar notebook > header tabbox > tabboxchild button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +tabbar .box { background-color: #373636; color: #EDF0F5; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.36); padding: 1px; padding-top: 0; } + +tabbar .box:backdrop { background-color: #3f3e3e; transition: background-color 200ms ease-out; } + +tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { transition: filter 200ms ease-out; } + +tabbar tabbox { padding: 2px; } + +tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } + +tabbar tabbox > separator.hidden { opacity: 0; } + +tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(#75ff25,0.5); } + +tabbar tabbox > background { background-color: unset; } + +tabbar tab { border-radius: 9999px; outline-color: transparent; margin: 3px; transition: background 150ms ease-in-out; } + +tabbar tab:selected { background-color: #75ff25; } + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } + +tabbar .start-action, tabbar .end-action { padding: 6px 5px; } + +tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } + +tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } + +tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } + +tabbar.inline .box:backdrop { background-color: transparent; transition: none; } + +tabbar.inline .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > .start-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } + +dnd tab { border-radius: 9999px; outline-color: transparent; margin: 3px; margin: 25px; } + +tabbar tab, dnd tab { min-height: 26px; padding: 4px; } + +tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } + +tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(#75ff25,0.5); transform: translateY(4px); } + +tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; } + +tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #75ff25; outline-width: 2px; outline-offset: 0; } + +tabthumbnail { border-radius: 11px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +tabthumbnail > box { margin: 6px; } + +tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#33d17a,0.4); background-color: alpha(#33d17a,0.1); } + +tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } + +tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } + +tabthumbnail .needs-attention > widget { background: #75ff25; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#75ff25,0.4); } + +tabthumbnail .card { background: none; color: inherit; } + +tabthumbnail .card picture { outline: 1px solid rgba(0, 0, 0, 0.75); outline-offset: -1px; border-radius: 7px; } + +tabthumbnail.pinned .card { background-color: #383838; color: white; } + +tabthumbnail .icon-title-box { border-spacing: 6px; } + +tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular { margin: 6px; background-color: alpha(#383838,0.75); min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular:hover { background-color: alpha(mix(#383838,currentColor,0.1),0.75); } + +tabthumbnail button.circular:active { background-color: alpha(mix(#383838,currentColor,0.2),0.75); } + +taboverview > .overview .new-tab-button { margin: 18px; } + +tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } + +/************** Scrollbars * */ +scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar:not(:hover) { opacity: 0.5; } + +scrollbar.top { border-bottom: 1px solid #595757; } + +scrollbar.bottom { border-top: 1px solid #595757; } + +scrollbar.left { border-right: 1px solid #595757; } + +scrollbar.right { border-left: 1px solid #595757; } + +scrollbar > range > trough { outline-style: none; } + +scrollbar > range > trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #4f4f4f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; outline-style: none; } + +scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:hover image, scrollbar > range > trough > slider:hover arrow, scrollbar > range > trough > slider:focus, scrollbar > range > trough > slider:focus image, scrollbar > range > trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scrollbar > range > trough > slider:disabled, scrollbar > range > trough > slider:disabled:checked, scrollbar > range > trough > slider:disabled:selected, scrollbar > range > trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scrollbar > range > trough > slider:hover { background-color: #62a73a; color: #8f8f8f; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar > range > trough > slider:hover:active, scrollbar > range > trough > slider:active { background-color: #95ff58; color: #545454; background-image: url("assets/draggable-black.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar > range > trough > slider:disabled { background-color: #493e37; } + +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #203d79; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #595757; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #595757; border-radius: 14px; color: #EDF0F5; background-color: #4c4b4b; 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: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7); /* only show i / o for the accessible theme */ } + +headerbar switch { background-color: #373737; } + +switch:checked { color: #2a4606; background-color: #61a538; } + +switch:disabled { color: #7c675a; border-color: #595757; background-color: #493e37; text-shadow: none; } + +switch > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; } + +switch > slider:hover, switch > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +switch > slider:hover, switch > slider:hover image, switch > slider:hover arrow, switch > slider:focus, switch > slider:focus image, switch > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +switch > slider:active, switch > slider.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +switch > slider:checked, switch > slider:selected, switch > slider.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +switch > slider:checked, switch > slider:checked image, switch > slider:checked arrow, switch > slider:selected, switch > slider:selected image, switch > slider:selected arrow, switch > slider.has-open-popup, switch > slider.has-open-popup image, switch > slider.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +switch > slider:checked:hover, switch > slider:checked:focus, switch > slider:selected:hover, switch > slider:selected:focus, switch > slider.has-open-popup:hover, switch > slider.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +switch > slider:checked:hover, switch > slider:checked:hover image, switch > slider:checked:hover arrow, switch > slider:checked:focus, switch > slider:checked:focus image, switch > slider:checked:focus arrow, switch > slider:selected:hover, switch > slider:selected:hover image, switch > slider:selected:hover arrow, switch > slider:selected:focus, switch > slider:selected:focus image, switch > slider:selected:focus arrow, switch > slider.has-open-popup:hover, switch > slider.has-open-popup:hover image, switch > slider.has-open-popup:hover arrow, switch > slider.has-open-popup:focus, switch > slider.has-open-popup:focus image, switch > slider.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +switch > slider:disabled, switch > slider:disabled:checked, switch > slider:disabled:selected, switch > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +switch > image { color: transparent; } + +row:selected switch { outline-color: rgba(255, 255, 255, 0.3); } + +/************************* Check and Radio items * */ +/*************************** Check and Radio buttons * */ +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +checkbutton.text-button:hover > label, radiobutton.text-button:hover > label { text-shadow: 0 0 5px currentColor; } + +checkbutton.text-button, radiobutton.text-button { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton.text-button:focus:focus-visible, radiobutton.text-button:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +check, check:selected, radio, radio:selected { border-width: 1px; border-style: solid; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); margin: 0 4px; min-height: 14px; min-width: 14px; -gtk-icon-source: none; } + +check:hover, check:focus, check:selected:hover, check:selected:focus, radio:hover, radio:focus, radio:selected:hover, radio:selected:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +check:hover, check:hover image, check:hover arrow, check:focus, check:focus image, check:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, radio:hover, radio:hover image, radio:hover arrow, radio:focus, radio:focus image, radio:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +check:active, check.keyboard-activating, check:selected:active, check:selected.keyboard-activating, radio:active, radio.keyboard-activating, radio:selected:active, radio:selected.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +check:checked, check:selected, check.has-open-popup, check:selected:checked, check:selected:selected, check:selected.has-open-popup, radio:checked, radio:selected, radio.has-open-popup, radio:selected:checked, radio:selected:selected, radio:selected.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +check:checked, check:checked image, check:checked arrow, check:selected, check:selected image, check:selected arrow, check.has-open-popup, check.has-open-popup image, check.has-open-popup arrow, check:selected:checked, check:selected:checked image, check:selected:checked arrow, check:selected:selected, check:selected:selected image, check:selected:selected arrow, check:selected.has-open-popup, check:selected.has-open-popup image, check:selected.has-open-popup arrow, radio:checked, radio:checked image, radio:checked arrow, radio:selected, radio:selected image, radio:selected arrow, radio.has-open-popup, radio.has-open-popup image, radio.has-open-popup arrow, radio:selected:checked, radio:selected:checked image, radio:selected:checked arrow, radio:selected:selected, radio:selected:selected image, radio:selected:selected arrow, radio:selected.has-open-popup, radio:selected.has-open-popup image, radio:selected.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +check:checked:hover, check:checked:focus, check:selected:hover, check:selected:focus, check.has-open-popup:hover, check.has-open-popup:focus, check:selected:checked:hover, check:selected:checked:focus, check:selected:selected:hover, check:selected:selected:focus, check:selected.has-open-popup:hover, check:selected.has-open-popup:focus, radio:checked:hover, radio:checked:focus, radio:selected:hover, radio:selected:focus, radio.has-open-popup:hover, radio.has-open-popup:focus, radio:selected:checked:hover, radio:selected:checked:focus, radio:selected:selected:hover, radio:selected:selected:focus, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +check:checked:hover, check:checked:hover image, check:checked:hover arrow, check:checked:focus, check:checked:focus image, check:checked:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, check.has-open-popup:hover, check.has-open-popup:hover image, check.has-open-popup:hover arrow, check.has-open-popup:focus, check.has-open-popup:focus image, check.has-open-popup:focus arrow, check:selected:checked:hover, check:selected:checked:hover image, check:selected:checked:hover arrow, check:selected:checked:focus, check:selected:checked:focus image, check:selected:checked:focus arrow, check:selected:selected:hover, check:selected:selected:hover image, check:selected:selected:hover arrow, check:selected:selected:focus, check:selected:selected:focus image, check:selected:selected:focus arrow, check:selected.has-open-popup:hover, check:selected.has-open-popup:hover image, check:selected.has-open-popup:hover arrow, check:selected.has-open-popup:focus, check:selected.has-open-popup:focus image, check:selected.has-open-popup:focus arrow, radio:checked:hover, radio:checked:hover image, radio:checked:hover arrow, radio:checked:focus, radio:checked:focus image, radio:checked:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow, radio.has-open-popup:hover, radio.has-open-popup:hover image, radio.has-open-popup:hover arrow, radio.has-open-popup:focus, radio.has-open-popup:focus image, radio.has-open-popup:focus arrow, radio:selected:checked:hover, radio:selected:checked:hover image, radio:selected:checked:hover arrow, radio:selected:checked:focus, radio:selected:checked:focus image, radio:selected:checked:focus arrow, radio:selected:selected:hover, radio:selected:selected:hover image, radio:selected:selected:hover arrow, radio:selected:selected:focus, radio:selected:selected:focus image, radio:selected:selected:focus arrow, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:hover image, radio:selected.has-open-popup:hover arrow, radio:selected.has-open-popup:focus, radio:selected.has-open-popup:focus image, radio:selected.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +check:disabled, check:disabled:checked, check:disabled:selected, check:disabled.has-open-popup, check:selected:disabled, check:selected:disabled:checked, check:selected:disabled:selected, check:selected:disabled.has-open-popup, radio:disabled, radio:disabled:checked, radio:disabled:selected, radio:disabled.has-open-popup, radio:selected:disabled, radio:selected:disabled:checked, radio:selected:disabled:selected, radio:selected:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +check:only-child, check:selected:only-child, radio:only-child, radio:selected:only-child { margin: 0; } + +popover check.left:dir(rtl), popover check:selected.left:dir(rtl), popover radio.left:dir(rtl), popover radio:selected.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover check:selected.right:dir(ltr), popover radio.right:dir(ltr), popover radio:selected.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +menu menuitem check, menu menuitem check:selected, menu menuitem radio, menu menuitem radio:selected { margin: 0; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view radio:selected, treeview.view radio:selected:focus, treeview.view check:selected, treeview.view check:selected:focus { background-color: #4f4f4f; color: #75ff25; } + +treeview.view radio:selected:not(:checked), treeview.view radio:selected:focus:not(:checked), treeview.view check:selected:not(:checked), treeview.view check:selected:focus:not(:checked) { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +/************ GtkScale * */ +/************ GtkScale * */ +levelbar > trough, progressbar > trough, scale fill, scale trough, columnview.view.trough, treeview.view.trough, scrollbar > range > trough { border: none; border-radius: 9999px; background-color: #201f1f; box-shadow: 0px -2px 2px 0 rgba(255, 255, 255, 0.3), 2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), -2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), inset 0px -1px 1px 0 rgba(255, 255, 255, 0.3), inset 0px 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 2px 2px -1px rgba(0, 0, 0, 0.5), 0px 3px 4px -1px rgba(0, 0, 0, 0.5); } + +row:selected levelbar > trough, row:selected progressbar > trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough, row:selected columnview.view.trough, row:selected treeview.view.trough, row:selected scrollbar > range > trough { border-color: #338b00; } + +.osd levelbar > trough, .osd progressbar > trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough, .osd columnview.view.trough, .osd treeview.view.trough, .osd scrollbar > range > trough { border-color: #66cbec; } + +progressbar > trough > progress, scale highlight, columnview.view.progressbar, treeview.view.progressbar { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +progressbar > trough > progress:disabled, scale highlight:disabled, columnview.view.progressbar:disabled, treeview.view.progressbar:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill { background-color: #7f7e7e; } + +scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; min-height: 18px; min-width: 18px; margin: -3px; border-radius: 100%; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scale trough > slider:hover, scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +scale trough > slider:hover, scale trough > slider:hover image, scale trough > slider:hover arrow, scale trough > slider:focus, scale trough > slider:focus image, scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scale trough > slider:disabled, scale trough > slider:disabled:checked, scale trough > slider:disabled:selected, scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scale trough > slider:hover, scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +.osd scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.osd scale trough > slider:hover, .osd scale trough > slider:hover image, .osd scale trough > slider:hover arrow, .osd scale trough > slider:focus, .osd scale trough > slider:focus image, .osd scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd scale trough > slider:disabled, .osd scale trough > slider:disabled:checked, .osd scale trough > slider:disabled:selected, .osd scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +.osd scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +scale.fine-tune trough > slider:hover, scale.fine-tune trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #33d17a; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider, scale.horizontal.color slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.marks-after slider, scale.vertical.color:dir(ltr) slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.vertical.marks-before slider, scale.vertical.color:dir(rtl) slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#595757); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 5px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 5px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #7c675a; border-color: #7c675a; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 9999px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 9999px 9999px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 9999px 0 0 9999px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 9999px; } + +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 9999px; } + +levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; border-radius: 9999px; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { margin: 0px; border: none; border-radius: 9999px; background-color: #f57900; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.35), 0 0 5px 0 #f57900; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.low:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.high:disabled, levelbar > trough > block:not(.empty):disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.full { margin: 0px; border: none; border-radius: 9999px; background-color: #33d17a; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #33d17a; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.full:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.empty { margin: 0px; border: none; border-radius: 9999px; background-color: #252525; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3), 0 0 5px 0 #252525; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.empty:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #EDF0F5; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #595757; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #595757; } + +frame { border-radius: 6px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #595757; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > .view:dir(ltr), scrolledwindow > iconview:dir(ltr) { padding-right: 1em; } + +scrolledwindow > .view:dir(rtl), scrolledwindow > iconview:dir(rtl) { padding-left: 1em; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at top, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at bottom, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at left, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at right, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #595757, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to right, transparent 1px, #393838 1px); } + +scrolledwindow > junction:dir(rtl) { background: #595757, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to left, transparent 1px, #393838 1px); } + +separator { background: rgba(255, 255, 255, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: #EDF0F5; background-color: #323232; border-color: #595757; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #575859; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #575859; } + +row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; } + +row.activatable:hover, row.activatable:active, row.activatable:selected, row.activatable.has-open-popup { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:hover, row.activatable:hover:focus, row.activatable:active:hover, row.activatable:active:focus, row.activatable:selected:hover, row.activatable:selected:focus, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +row.activatable:hover:hover, row.activatable:hover:hover image, row.activatable:hover:hover arrow, row.activatable:hover:focus, row.activatable:hover:focus image, row.activatable:hover:focus arrow, row.activatable:active:hover, row.activatable:active:hover image, row.activatable:active:hover arrow, row.activatable:active:focus, row.activatable:active:focus image, row.activatable:active:focus arrow, row.activatable:selected:hover, row.activatable:selected:hover image, row.activatable:selected:hover arrow, row.activatable:selected:focus, row.activatable:selected:focus image, row.activatable:selected:focus arrow, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:hover image, row.activatable.has-open-popup:hover arrow, row.activatable.has-open-popup:focus, row.activatable.has-open-popup:focus image, row.activatable.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:hover:active, row.activatable:hover.keyboard-activating, row.activatable:active:active, row.activatable:active.keyboard-activating, row.activatable:selected:active, row.activatable:selected.keyboard-activating, row.activatable.has-open-popup:active, row.activatable.has-open-popup.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:checked, row.activatable:hover:selected, row.activatable:hover.has-open-popup, row.activatable:active:checked, row.activatable:active:selected, row.activatable:active.has-open-popup, row.activatable:selected:checked, row.activatable:selected:selected, row.activatable:selected.has-open-popup, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:selected, row.activatable.has-open-popup.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked, row.activatable:hover:checked image, row.activatable:hover:checked arrow, row.activatable:hover:selected, row.activatable:hover:selected image, row.activatable:hover:selected arrow, row.activatable:hover.has-open-popup, row.activatable:hover.has-open-popup image, row.activatable:hover.has-open-popup arrow, row.activatable:active:checked, row.activatable:active:checked image, row.activatable:active:checked arrow, row.activatable:active:selected, row.activatable:active:selected image, row.activatable:active:selected arrow, row.activatable:active.has-open-popup, row.activatable:active.has-open-popup image, row.activatable:active.has-open-popup arrow, row.activatable:selected:checked, row.activatable:selected:checked image, row.activatable:selected:checked arrow, row.activatable:selected:selected, row.activatable:selected:selected image, row.activatable:selected:selected arrow, row.activatable:selected.has-open-popup, row.activatable:selected.has-open-popup image, row.activatable:selected.has-open-popup arrow, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:checked image, row.activatable.has-open-popup:checked arrow, row.activatable.has-open-popup:selected, row.activatable.has-open-popup:selected image, row.activatable.has-open-popup:selected arrow, row.activatable.has-open-popup.has-open-popup, row.activatable.has-open-popup.has-open-popup image, row.activatable.has-open-popup.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:focus, row.activatable:hover:selected:hover, row.activatable:hover:selected:focus, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:focus, row.activatable:active:checked:hover, row.activatable:active:checked:focus, row.activatable:active:selected:hover, row.activatable:active:selected:focus, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:focus, row.activatable:selected:checked:hover, row.activatable:selected:checked:focus, row.activatable:selected:selected:hover, row.activatable:selected:selected:focus, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:focus, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:hover image, row.activatable:hover:checked:hover arrow, row.activatable:hover:checked:focus, row.activatable:hover:checked:focus image, row.activatable:hover:checked:focus arrow, row.activatable:hover:selected:hover, row.activatable:hover:selected:hover image, row.activatable:hover:selected:hover arrow, row.activatable:hover:selected:focus, row.activatable:hover:selected:focus image, row.activatable:hover:selected:focus arrow, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:hover image, row.activatable:hover.has-open-popup:hover arrow, row.activatable:hover.has-open-popup:focus, row.activatable:hover.has-open-popup:focus image, row.activatable:hover.has-open-popup:focus arrow, row.activatable:active:checked:hover, row.activatable:active:checked:hover image, row.activatable:active:checked:hover arrow, row.activatable:active:checked:focus, row.activatable:active:checked:focus image, row.activatable:active:checked:focus arrow, row.activatable:active:selected:hover, row.activatable:active:selected:hover image, row.activatable:active:selected:hover arrow, row.activatable:active:selected:focus, row.activatable:active:selected:focus image, row.activatable:active:selected:focus arrow, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:hover image, row.activatable:active.has-open-popup:hover arrow, row.activatable:active.has-open-popup:focus, row.activatable:active.has-open-popup:focus image, row.activatable:active.has-open-popup:focus arrow, row.activatable:selected:checked:hover, row.activatable:selected:checked:hover image, row.activatable:selected:checked:hover arrow, row.activatable:selected:checked:focus, row.activatable:selected:checked:focus image, row.activatable:selected:checked:focus arrow, row.activatable:selected:selected:hover, row.activatable:selected:selected:hover image, row.activatable:selected:selected:hover arrow, row.activatable:selected:selected:focus, row.activatable:selected:selected:focus image, row.activatable:selected:selected:focus arrow, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:hover image, row.activatable:selected.has-open-popup:hover arrow, row.activatable:selected.has-open-popup:focus, row.activatable:selected.has-open-popup:focus image, row.activatable:selected.has-open-popup:focus arrow, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:hover image, row.activatable.has-open-popup:checked:hover arrow, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:checked:focus image, row.activatable.has-open-popup:checked:focus arrow, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:hover image, row.activatable.has-open-popup:selected:hover arrow, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup:selected:focus image, row.activatable.has-open-popup:selected:focus arrow, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:hover image, row.activatable.has-open-popup.has-open-popup:hover arrow, row.activatable.has-open-popup.has-open-popup:focus, row.activatable.has-open-popup.has-open-popup:focus image, row.activatable.has-open-popup.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:hover:disabled, row.activatable:hover:disabled:checked, row.activatable:hover:disabled:selected, row.activatable:hover:disabled.has-open-popup, row.activatable:active:disabled, row.activatable:active:disabled:checked, row.activatable:active:disabled:selected, row.activatable:active:disabled.has-open-popup, row.activatable:selected:disabled, row.activatable:selected:disabled:checked, row.activatable:selected:disabled:selected, row.activatable:selected:disabled.has-open-popup, row.activatable.has-open-popup:disabled, row.activatable.has-open-popup:disabled:checked, row.activatable.has-open-popup:disabled:selected, row.activatable.has-open-popup:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +row.activatable:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:hover, row.activatable:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +row.activatable:disabled:hover, row.activatable:disabled:hover image, row.activatable:disabled:hover arrow, row.activatable:disabled:focus, row.activatable:disabled:focus image, row.activatable:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:disabled:active, row.activatable:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:checked, row.activatable:disabled:selected, row.activatable:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked, row.activatable:disabled:checked image, row.activatable:disabled:checked arrow, row.activatable:disabled:selected, row.activatable:disabled:selected image, row.activatable:disabled:selected arrow, row.activatable:disabled.has-open-popup, row.activatable:disabled.has-open-popup image, row.activatable:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:focus, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:focus, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:hover image, row.activatable:disabled:checked:hover arrow, row.activatable:disabled:checked:focus, row.activatable:disabled:checked:focus image, row.activatable:disabled:checked:focus arrow, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:hover image, row.activatable:disabled:selected:hover arrow, row.activatable:disabled:selected:focus, row.activatable:disabled:selected:focus image, row.activatable:disabled:selected:focus arrow, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:hover image, row.activatable:disabled.has-open-popup:hover arrow, row.activatable:disabled.has-open-popup:focus, row.activatable:disabled.has-open-popup:focus image, row.activatable:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:disabled:disabled, row.activatable:disabled:disabled:checked, row.activatable:disabled:disabled:selected, row.activatable:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.nested > row { background-color: rgba(255, 255, 255, 0.1); } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #575859; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: none; } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: none; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(132, 201, 92, 0.7); color: transparent; } + +columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(117, 255, 37, 0.3); color: #EDF0F5; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #7c675a; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { 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); border-radius: 3px; } + +expander-widget > box > title:hover > expander { color: white; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: #EDF0F5; border: 1px solid #595757; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #595757; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #595757; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: #75ff25; outline-offset: -2px; outline-width: 2px; outline-style: none; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #595757; } + +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #393838; } + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #595757; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #595757; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #595757; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #75ff25; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 1px #33d17a, inset 0 -1px #33d17a; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #2a4606; background-color: #33d17a; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 0.5rem; min-height: 0.5rem; border: none; background-color: #595757; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; background-size: 0.5rem; } + +paned > separator:hover { box-shadow: inset 0 0 0 1px #75ff25; } + +paned > separator:selected { background-color: #75ff25; } + +paned > separator.wide { min-width: 5px; min-height: 5px; } + +paned.vertical > separator.wide { margin: 0; padding: 0; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 6px; } + +tooltip.background { background-color: rgba(32, 61, 121, 0.9); background-clip: padding-box; border: 1px solid #66cbec; color: #66cbec; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: #75ff25; outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.light > overlay { color: black; } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch:drop(active).dark > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch > overlay { border: 1px solid #595757; } + +colorswatch.activatable:hover > overlay { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch.activatable:hover > overlay:hover, colorswatch.activatable:hover > overlay:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +colorswatch.activatable:hover > overlay:hover, colorswatch.activatable:hover > overlay:hover image, colorswatch.activatable:hover > overlay:hover arrow, colorswatch.activatable:hover > overlay:focus, colorswatch.activatable:hover > overlay:focus image, colorswatch.activatable:hover > overlay:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch.activatable:hover > overlay:active, colorswatch.activatable:hover > overlay.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch.activatable:hover > overlay:checked, colorswatch.activatable:hover > overlay:selected, colorswatch.activatable:hover > overlay.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch.activatable:hover > overlay:checked, colorswatch.activatable:hover > overlay:checked image, colorswatch.activatable:hover > overlay:checked arrow, colorswatch.activatable:hover > overlay:selected, colorswatch.activatable:hover > overlay:selected image, colorswatch.activatable:hover > overlay:selected arrow, colorswatch.activatable:hover > overlay.has-open-popup, colorswatch.activatable:hover > overlay.has-open-popup image, colorswatch.activatable:hover > overlay.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch.activatable:hover > overlay:checked:hover, colorswatch.activatable:hover > overlay:checked:focus, colorswatch.activatable:hover > overlay:selected:hover, colorswatch.activatable:hover > overlay:selected:focus, colorswatch.activatable:hover > overlay.has-open-popup:hover, colorswatch.activatable:hover > overlay.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch.activatable:hover > overlay:checked:hover, colorswatch.activatable:hover > overlay:checked:hover image, colorswatch.activatable:hover > overlay:checked:hover arrow, colorswatch.activatable:hover > overlay:checked:focus, colorswatch.activatable:hover > overlay:checked:focus image, colorswatch.activatable:hover > overlay:checked:focus arrow, colorswatch.activatable:hover > overlay:selected:hover, colorswatch.activatable:hover > overlay:selected:hover image, colorswatch.activatable:hover > overlay:selected:hover arrow, colorswatch.activatable:hover > overlay:selected:focus, colorswatch.activatable:hover > overlay:selected:focus image, colorswatch.activatable:hover > overlay:selected:focus arrow, colorswatch.activatable:hover > overlay.has-open-popup:hover, colorswatch.activatable:hover > overlay.has-open-popup:hover image, colorswatch.activatable:hover > overlay.has-open-popup:hover arrow, colorswatch.activatable:hover > overlay.has-open-popup:focus, colorswatch.activatable:hover > overlay.has-open-popup:focus image, colorswatch.activatable:hover > overlay.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch.activatable:hover > overlay:disabled, colorswatch.activatable:hover > overlay:disabled:checked, colorswatch.activatable:hover > overlay:disabled:selected, colorswatch.activatable:hover > overlay:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +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: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button > overlay:hover, colorswatch#add-color-button > overlay:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +colorswatch#add-color-button > overlay:hover, colorswatch#add-color-button > overlay:hover image, colorswatch#add-color-button > overlay:hover arrow, colorswatch#add-color-button > overlay:focus, colorswatch#add-color-button > overlay:focus image, colorswatch#add-color-button > overlay:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch#add-color-button > overlay:active, colorswatch#add-color-button > overlay.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button > overlay:checked, colorswatch#add-color-button > overlay:selected, colorswatch#add-color-button > overlay.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button > overlay:checked, colorswatch#add-color-button > overlay:checked image, colorswatch#add-color-button > overlay:checked arrow, colorswatch#add-color-button > overlay:selected, colorswatch#add-color-button > overlay:selected image, colorswatch#add-color-button > overlay:selected arrow, colorswatch#add-color-button > overlay.has-open-popup, colorswatch#add-color-button > overlay.has-open-popup image, colorswatch#add-color-button > overlay.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button > overlay:checked:hover, colorswatch#add-color-button > overlay:checked:focus, colorswatch#add-color-button > overlay:selected:hover, colorswatch#add-color-button > overlay:selected:focus, colorswatch#add-color-button > overlay.has-open-popup:hover, colorswatch#add-color-button > overlay.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch#add-color-button > overlay:checked:hover, colorswatch#add-color-button > overlay:checked:hover image, colorswatch#add-color-button > overlay:checked:hover arrow, colorswatch#add-color-button > overlay:checked:focus, colorswatch#add-color-button > overlay:checked:focus image, colorswatch#add-color-button > overlay:checked:focus arrow, colorswatch#add-color-button > overlay:selected:hover, colorswatch#add-color-button > overlay:selected:hover image, colorswatch#add-color-button > overlay:selected:hover arrow, colorswatch#add-color-button > overlay:selected:focus, colorswatch#add-color-button > overlay:selected:focus image, colorswatch#add-color-button > overlay:selected:focus arrow, colorswatch#add-color-button > overlay.has-open-popup:hover, colorswatch#add-color-button > overlay.has-open-popup:hover image, colorswatch#add-color-button > overlay.has-open-popup:hover arrow, colorswatch#add-color-button > overlay.has-open-popup:focus, colorswatch#add-color-button > overlay.has-open-popup:focus image, colorswatch#add-color-button > overlay.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch#add-color-button > overlay:disabled, colorswatch#add-color-button > overlay:disabled:checked, colorswatch#add-color-button > overlay:disabled:selected, colorswatch#add-color-button > overlay:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +colorswatch:disabled { opacity: 0.5; background-color: #493e37; color: #7c675a; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #2a4606; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #2d2c2c; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #75ff25; } + +.content-view .tile:disabled { background-color: #493e37; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.7), 0 0 5px 1px #75ff25, 0 3px 6px 2px rgba(0, 0, 0, 0); margin: 0px; border-radius: 6px 6px 0 0; } + +window.csd:backdrop { box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.5), 0 3px 6px 2px rgba(0, 0, 0, 0.7); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(117, 255, 37, 0.9); } + +window.csd.dialog.message { border-radius: 6px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(117, 255, 37, 0.9); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #595757; border-radius: 0; box-shadow: inset 0 0 0 4px #595757, inset 0 0 0 3px #373636, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #595757, inset 0 0 0 3px #3f3e3e, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + +window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px #75ff25, 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px #75ff25; } + +tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); border: 1px solid #666464; border-radius: 100%; transition: all 20ms 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, cursor-handle:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +cursor-handle:hover, cursor-handle:hover image, cursor-handle:hover arrow, cursor-handle:focus, cursor-handle:focus image, cursor-handle:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:active, cursor-handle.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:checked, cursor-handle:selected, cursor-handle.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:checked, cursor-handle:checked image, cursor-handle:checked arrow, cursor-handle:selected, cursor-handle:selected image, cursor-handle:selected arrow, cursor-handle.has-open-popup, cursor-handle.has-open-popup image, cursor-handle.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:checked:hover, cursor-handle:checked:focus, cursor-handle:selected:hover, cursor-handle:selected:focus, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:checked:hover, cursor-handle:checked:hover image, cursor-handle:checked:hover arrow, cursor-handle:checked:focus, cursor-handle:checked:focus image, cursor-handle:checked:focus arrow, cursor-handle:selected:hover, cursor-handle:selected:hover image, cursor-handle:selected:hover arrow, cursor-handle:selected:focus, cursor-handle:selected:focus image, cursor-handle:selected:focus arrow, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:hover image, cursor-handle.has-open-popup:hover arrow, cursor-handle.has-open-popup:focus, cursor-handle.has-open-popup:focus image, cursor-handle.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled, cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:hover, cursor-handle:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +cursor-handle:disabled:hover, cursor-handle:disabled:hover image, cursor-handle:disabled:hover arrow, cursor-handle:disabled:focus, cursor-handle:disabled:focus image, cursor-handle:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:disabled:active, cursor-handle:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked, cursor-handle:disabled:checked image, cursor-handle:disabled:checked arrow, cursor-handle:disabled:selected, cursor-handle:disabled:selected image, cursor-handle:disabled:selected arrow, cursor-handle:disabled.has-open-popup, cursor-handle:disabled.has-open-popup image, cursor-handle:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:focus, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:focus, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:hover image, cursor-handle:disabled:checked:hover arrow, cursor-handle:disabled:checked:focus, cursor-handle:disabled:checked:focus image, cursor-handle:disabled:checked:focus arrow, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:hover image, cursor-handle:disabled:selected:hover arrow, cursor-handle:disabled:selected:focus, cursor-handle:disabled:selected:focus image, cursor-handle:disabled:selected:focus arrow, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:hover image, cursor-handle:disabled.has-open-popup:hover arrow, cursor-handle:disabled.has-open-popup:focus, cursor-handle:disabled.has-open-popup:focus image, cursor-handle:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled:disabled, cursor-handle:disabled:disabled:checked, cursor-handle:disabled:disabled:selected, cursor-handle:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; background-color: #323232; border: 1px solid; border-color: #595757; border-radius: 5px; box-shadow: inset 0 -3px #494848; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #595757; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #595757; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: rgba(237, 240, 245, 0.1); } + +button.emoji-section:checked { border-color: #75ff25; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #75ff25; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #75ff25; color: #2a4606; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #75ff25; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } + +undershoot.top { background-size: 100% 0.5em; background-position: top; } + +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } + +undershoot.left { background-size: 0.5em 100%; background-position: left; } + +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +stackswitcher, .stack-switcher, notebook > header, tabbar tabbox { border-radius: 9999px; border: none; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, headerbar tabbar tabbox, tabbar headerbar tabbox, windowhandle notebook > header, windowhandle tabbar tabbox, tabbar windowhandle tabbox { margin: 3px 0px; } + +headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, headerbar tabbar tabbox > button, tabbar headerbar tabbox > button, windowhandle notebook > header > button, windowhandle tabbar tabbox > button, tabbar windowhandle tabbox > button { min-height: 19px; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #EDF0F5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #EDF0F5; +/* +widget base background color */ +@define-color theme_bg_color #3f3e3e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #323232; +/* +base background color of selections */ +@define-color theme_selected_bg_color #75ff25; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #2a4606; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #493e37; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #7c675a; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #323232; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #96979a; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #EDF0F5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #3f3e3e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #353535; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #75ff25; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #2a4606; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #666464; +/* +widgets main borders color */ +@define-color borders #595757; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #545252; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #96979a; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #323232; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232323; diff --git a/previews/awf-gtk3-unfinished.png b/previews/awf-gtk3-unfinished.png new file mode 100644 index 0000000..3f90f72 Binary files /dev/null and b/previews/awf-gtk3-unfinished.png differ diff --git a/previews/dark-ClearCrystal-less_dark.png b/previews/dark-ClearCrystal-less_dark.png new file mode 100644 index 0000000..c90ccec Binary files /dev/null and b/previews/dark-ClearCrystal-less_dark.png differ diff --git a/previews/dark-ClearCrystal-neutral.png b/previews/dark-ClearCrystal-neutral.png new file mode 100644 index 0000000..bf76a12 Binary files /dev/null and b/previews/dark-ClearCrystal-neutral.png differ diff --git a/previews/dark-ClearCrystal.png b/previews/dark-ClearCrystal.png new file mode 100644 index 0000000..a8b6579 Binary files /dev/null and b/previews/dark-ClearCrystal.png differ diff --git a/previews/dark-KvCyan.png b/previews/dark-KvCyan.png new file mode 100644 index 0000000..c72f85e Binary files /dev/null and b/previews/dark-KvCyan.png differ diff --git a/previews/dark-Pandora.png b/previews/dark-Pandora.png new file mode 100644 index 0000000..545e3b5 Binary files /dev/null and b/previews/dark-Pandora.png differ diff --git a/previews/dark-adwaita-yaro.png b/previews/dark-adwaita-yaro.png new file mode 100644 index 0000000..1717d13 Binary files /dev/null and b/previews/dark-adwaita-yaro.png differ diff --git a/previews/dark-adwaita.png b/previews/dark-adwaita.png new file mode 100644 index 0000000..069e170 Binary files /dev/null and b/previews/dark-adwaita.png differ diff --git a/previews/dark-debian.png b/previews/dark-debian.png new file mode 100644 index 0000000..e9c4f82 Binary files /dev/null and b/previews/dark-debian.png differ diff --git a/previews/dark-forest.png b/previews/dark-forest.png new file mode 100644 index 0000000..c658c64 Binary files /dev/null and b/previews/dark-forest.png differ diff --git a/previews/dark-matrix.png b/previews/dark-matrix.png new file mode 100644 index 0000000..792f410 Binary files /dev/null and b/previews/dark-matrix.png differ diff --git a/previews/dark-red.png b/previews/dark-red.png new file mode 100644 index 0000000..5f458bd Binary files /dev/null and b/previews/dark-red.png differ diff --git a/previews/dark-yellow.png b/previews/dark-yellow.png new file mode 100644 index 0000000..75b1eb1 Binary files /dev/null and b/previews/dark-yellow.png differ diff --git a/previews/gtk3-gtk4-gtk2-desktop.png b/previews/gtk3-gtk4-gtk2-desktop.png new file mode 100644 index 0000000..b703cde Binary files /dev/null and b/previews/gtk3-gtk4-gtk2-desktop.png differ diff --git a/previews/gtk3wf-3.png b/previews/gtk3wf-3.png new file mode 100644 index 0000000..956c0e6 Binary files /dev/null and b/previews/gtk3wf-3.png differ diff --git a/previews/gtk4wf-1.png b/previews/gtk4wf-1.png new file mode 100644 index 0000000..bb62ac4 Binary files /dev/null and b/previews/gtk4wf-1.png differ diff --git a/previews/light-ClearCrystal.png b/previews/light-ClearCrystal.png new file mode 100644 index 0000000..719ac29 Binary files /dev/null and b/previews/light-ClearCrystal.png differ diff --git a/previews/light-Skewaita.png b/previews/light-Skewaita.png new file mode 100644 index 0000000..b9e5bad Binary files /dev/null and b/previews/light-Skewaita.png differ diff --git a/previews/light-adwaita.png b/previews/light-adwaita.png new file mode 100644 index 0000000..d028ae9 Binary files /dev/null and b/previews/light-adwaita.png differ diff --git a/previews/light-blue.png b/previews/light-blue.png new file mode 100644 index 0000000..750bbf8 Binary files /dev/null and b/previews/light-blue.png differ diff --git a/previews/light-debian.png b/previews/light-debian.png new file mode 100644 index 0000000..332308b Binary files /dev/null and b/previews/light-debian.png differ diff --git a/previews/light-greenyellow.png b/previews/light-greenyellow.png new file mode 100644 index 0000000..93e1f02 Binary files /dev/null and b/previews/light-greenyellow.png differ diff --git a/previews/light-turquoise.png b/previews/light-turquoise.png new file mode 100644 index 0000000..aa5472c Binary files /dev/null and b/previews/light-turquoise.png differ diff --git a/previews/logo.png b/previews/logo.png new file mode 100644 index 0000000..4154ae3 Binary files /dev/null and b/previews/logo.png differ diff --git a/previews/scheme-ClearCrystal-neutral.png b/previews/scheme-ClearCrystal-neutral.png new file mode 100644 index 0000000..f727a18 Binary files /dev/null and b/previews/scheme-ClearCrystal-neutral.png differ diff --git a/previews/scheme-ClearCrystal_less_dark.png b/previews/scheme-ClearCrystal_less_dark.png new file mode 100644 index 0000000..c871aba Binary files /dev/null and b/previews/scheme-ClearCrystal_less_dark.png differ diff --git a/previews/scheme-LightBlue.png b/previews/scheme-LightBlue.png new file mode 100644 index 0000000..17033eb Binary files /dev/null and b/previews/scheme-LightBlue.png differ diff --git a/previews/themes.gif b/previews/themes.gif new file mode 100644 index 0000000..833639a Binary files /dev/null and b/previews/themes.gif differ diff --git a/source/common/_theme_colors.scss b/source/common/_theme_colors.scss new file mode 100644 index 0000000..b153b7c --- /dev/null +++ b/source/common/_theme_colors.scss @@ -0,0 +1,37 @@ +$window_fg: #EDF0F5; +$window_bg: #3f3e3e; +$text_widget_fg: #EDF0F5; +$text_widget_bg: #323232; + +$selected_fg: #2a4606; +$selected_bg: #75ff25; + +$button_fg: #EDF0F5; +$button_bg: #4f4f4f; +$button_checked_bg: #434343; +$button_checked_fg: #75ff25; + + +$disabled_fg: #7c675a; +$disabled_bg: #493e37; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: #f57900; +$errorc: #CC0000; +$successc: #33d17a; + + +$titlebar_active_fg: #EDF0F5; +$titlebar_active_bg: #3f3e3e; + +$titlebar_backdrop_fg: #EDF0F5; +$titlebar_backdrop_bg: #3f3e3e; + +$hint_fg: #66cbec; +$hint_bg: #203d79; + +$osd_fg: #66cbec; +$osd_bg: #203d79; + +$link_fg: #99c1f1; +$link_visited_fg: #dc8add; diff --git a/source/common/buttons-old.scss b/source/common/buttons-old.scss new file mode 100644 index 0000000..755ce57 --- /dev/null +++ b/source/common/buttons-old.scss @@ -0,0 +1,196 @@ +//auxiliary functions for buttons first + +$_default_button_c: $button_bg; + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px _button_hilight_color($tc);//$_shadow; + -gtk-icon-shadow: 0 1px _button_hilight_color($tc);//$_shadow; + } + @else { + text-shadow: 0 -1px $_shadow; + -gtk-icon-shadow: 0 -1px $_shadow; + } +} + + + + + +@mixin button($t, $c:$button_bg, $tc:$button_fg, $edge: none, $backimage: null) { + + // + // Button drawing function + // + // $t: button type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $edge: set to none to not draw the bottom edge or specify a color to not + // use the default one + // $backimage: additional background-image behind the default one + // (for the button.circular hack) + // + // possible $t values (gtk3): + // normal, hover, active, insensitive, insensitive-active, + // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, + // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated + + // possible $t values (gtk4): + // normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active, + // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, + // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated + + // this mixin needs to cover both gtk3 and gtk4 cases in order to work. + // gtk4 mixin calls only include $t, $c and $tc, therefore it should be safe to use in both. + + + $_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_clickable_image: image_gloss_well_contrasted($c); + + //remove borders on all buttons... + //border-width: 0; + + @if $t==normal or $t==normal-alt { + // + // normal button + // + + color: $tc; + background-color: $c; + border-color: transparent; //mix($tc, $c, 10%); + outline-color: $focus_border_color; + //background-image: none;// $button_clickable_image, $backimage; + //@include _button_text_shadow($tc, $c); + @include _shadows(shadow(normal)); + + } + @else if $t==hover or $t==hover-alt or $t==undecorated-hover or $t==osd-hover { + // + // hovered button + // + border-color: currentColor; //gtkalpha($button_checked_fg, 1); + } + + + + @else if $t==active or $t==osd-active { + // + // pushed button + // + //color: $button_checked_fg; + //background-color: $button_checked_bg; + @include _shadows(shadow(glow, $selected_bg_color)); + //transition: 50ms; + } + + @else if ($t==checked-active ) { + // + // pushed and toggled button + // + color: $button_checked_fg; + background-color: $button_checked_bg; + @include _shadows(shadow(normal)); + + } + + @else if ($t==checked ) { + // + // toggled button + // + color: $button_checked_fg; + background-color: $button_checked_bg; + border-color: transparent; //mix($button_checked_fg, $button_checked_bg, 10%); + @include _shadows(shadow(normal)); + + } + + @else if ($t==checked-hover) { + // + // toggled button and hover + // + color: $button_checked_fg; + border-color: gtkalpha($button_checked_fg, 0.5); + @include _shadows(shadow(normal)); + + } + + + @else if $t==insensitive or $t==osd-insensitive or $t==disabled { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: transparent; //mix($insensitive_fg_color, $insensitive_bg_color, 10%); + background-color: $insensitive_bg_color; + background-image: if($backimage==null, none, $backimage); + text-shadow: none; + -gtk-icon-shadow: none; + @include _shadows(shadow(insensitive)); + + } + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: $insensitive_fg_color; + background-color: mix($insensitive_bg_color, $button_checked_bg, 80%); + border-color: transparent;//mix($insensitive_fg_color, $insensitive_bg_color, 50%); + text-shadow: none; + -gtk-icon-shadow: none; + @include _shadows(shadow(insensitive)); + } + + @else if $t==backdrop { + // + // backdrop button + // + background-image: if($backimage==null, none, $backimage); + } + @else if $t==backdrop-active { + // + // backdrop pushed button + // + } + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + } + + //TODO: what happens with OSDs? Is it necessary to redefine them? + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } + +} diff --git a/source/common/buttons.scss b/source/common/buttons.scss new file mode 100644 index 0000000..5db6e94 --- /dev/null +++ b/source/common/buttons.scss @@ -0,0 +1,51 @@ +@mixin button ($c:$button_bg, $tc:$button_fg, $c_pressed:$button_checked_bg, $tc_pressed:$button_checked_fg, $pressable:true) { + + + color: $tc; + background-color: $c; + border-color: black; //mix($tc, $c, 10%); + outline-color: $focus_border_color; + background-image: button_curve_well_contrasted($c); + @include _shadows($button_shadow_normal); + + &:hover, &:focus { //:focus is more for gtk4 + color: lighten($tc, 10%); + text-shadow: $text_shadow_hover; + &, & image, & arrow { -gtk-icon-shadow: $text_shadow_hover; } + @if $gtk==3 { + -gtk-icon-effect: highlight; + } + @else { + -gtk-icon-filter: brightness(1.2); + } + } + + @if $pressable==true { + + &:active, &.keyboard-activating { + @include _shadows($button_shadow_pressed); + } + &:checked, &:selected, &.has-open-popup { //selected and has-open-popup is for .activatable rows, hopefully it won't go wrong + background-color: $c_pressed; + color: $tc_pressed; + @include _shadows($button_shadow_pressed, 0 10px 3px -9px gtkalpha(currentColor, 0.3)); //, 0 -3px 2px -2px gtkalpha(currentColor, 0.2) //a highlight on the upper border, maybe not for now, because it's harder to make it look realistic... + text-shadow: $text_shadow_lighted; + &, & image, & arrow { -gtk-icon-shadow: $text_shadow_lighted; } + + &:hover, &:focus { + text-shadow: $text_shadow_lighted, $text_shadow_hover; + &, & image, & arrow { -gtk-icon-shadow: $text_shadow_lighted, $text_shadow_hover; } + @include _shadows($button_shadow_pressed, 0 10px 3px -9px gtkalpha(currentColor, 0.5)); + } + } + } + &:disabled { + &, &:checked, &:selected, &.has-open-popup { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + } + + + +} diff --git a/source/common/checkradios.scss b/source/common/checkradios.scss new file mode 100644 index 0000000..58c453f --- /dev/null +++ b/source/common/checkradios.scss @@ -0,0 +1,130 @@ +/*************************** + * Check and Radio buttons * + ***************************/ + + // draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } + + &:hover > label { + text-shadow: 0 0 5px currentColor; + } + + @if $gtk==4 { + @include focus-ring(); + } +} + +check, check:selected, +radio, radio:selected { + border-width: 1px; + border-style: solid; + @include button(); + margin: 0 4px; + + &:only-child { margin: 0; } + + popover & { // when in a popover add more space between the label and the check, reset the other side margin. + // See https://bugzilla.gnome.org/show_bug.cgi?id=779570 for details. + &.left:dir(rtl) { + margin-left: 0; + margin-right: 12px; + } + + &.right:dir(ltr) { + margin-left: 12px; + margin-right: 0; + } + } + + min-height: 14px; + min-width: 14px; + //border: 1px solid; + -gtk-icon-source: none; + + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + + + } +} + +%check, +check { + border-radius: 3px; + + &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), + -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), + -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } +} + +%radio, +radio { + border-radius: 100%; + + &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), + -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), + -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } +} + +// ANIMATION: +// this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes, +// the transformation is set on the active state and it get reset on the checked state. +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio, +check { + &:active { -gtk-icon-transform: scale(0, 1); } // should tackle the indeterminate state, untested + + &:checked:not(:backdrop), &:indeterminate:not(:backdrop) { + -gtk-icon-transform: unset; + transition: 400ms; + } +} + +menu menuitem { + radio, + check { + &:checked:not(:backdrop), &:indeterminate:not(:backdrop) { transition: none; } + } +} + +treeview.view radio:selected, treeview.view check:selected { + //awful workaround for checks in selected rows of tree views... Needs to be checked in other color schemes! + &, &:focus { + background-color: $button_bg; + color: $selected_bg_color; + &:not(:checked) { + @include _shadows($button_shadow_normal); + } + + } +} + +// treeview.view check, +// treeview.view radio { +// &:selected { +// &:focus, & { +// color: $checkradio_fg_color; + +// @if $variant == 'light' { border-color: $selected_borders_color; } +// } +// } +// } + +treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a workaround diff --git a/source/common/common_colors.scss b/source/common/common_colors.scss new file mode 100644 index 0000000..aa70037 --- /dev/null +++ b/source/common/common_colors.scss @@ -0,0 +1,107 @@ +// Common colors + +$base_color: $text_widget_bg; +$text_color: $text_widget_fg; +$bg_color: $window_bg; +$fg_color: $window_fg; + +$selected_fg_color: $selected_fg; +$selected_bg_color: $selected_bg; + +$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%)); + +$borders_color: if($variant == 'light', darken($bg_color, 10%), lighten($bg_color, 10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color, 20%), lighten($bg_color, 18%)); +$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); + +$link_color: $link_fg; //mix($successc, $fg_color, 30%);//if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); +$link_visited_color: $link_visited_fg; //mix($selected_bg_color, $fg_color, 20%); //if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); +$top_hilight: $borders_edge; //should probably be removed +$dark_fill: mix($borders_color, $bg_color, 50%); + +$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); + +$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); +$scrollbar_slider_color: $button_bg; //mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($button_bg, $selected_bg_color, 50%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$trough_bg_color: mix($bg_color, black, 50%); + +$warning_color: $warningc; +$error_color: $errorc; +$success_color: $successc; +$destructive_color: $errorc; + +//$warning_fg: if($variant == 'light', shade($warningc,0.5), shade($warningc,1.3)); +//$warning_bg: if($variant == 'light', shade($warningc,1.3), shade($warningc,0.5)); + +$osd_fg_color: $osd_fg; +$osd_text_color: $osd_fg; +$osd_bg_color: transparentize($osd_bg, 0.3); //if($variant == 'light', transparentize(darken(desaturate($osd_bg, 100%), 4%),0.3), transparentize(darken(desaturate($osd_bg, 100%), 10%),0.3)); +$osd_button_bg_color: opacify($osd_bg_color, 1); + +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: $hint_fg; + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); + +$tooltip_borders_color: $hint_fg; + + + +$drop_target_color: $success_color; + +//insensitive state derived colors +$insensitive_fg_color: $disabled_fg; +$insensitive_bg_color: $disabled_bg; +$insensitive_borders_color: mix($borders_color, $disabled_fg, 50%); + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_fg_color: mix($backdrop_text_color, $selected_fg_color, 50%); +$backdrop_selected_bg_color: transparentize(desaturate($selected_bg_color,50%),0.3); +$backdrop_borders_color: mix($borders_color, $bg_color, 80%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); + +//special cased widget colors +$suggested_bg_color: $successc; +$suggested_border_color: if($variant == 'light', darken($successc, 20%), lighten($successc, 20%)); +$progress_bg_color: $selected_bg_color; +$progress_fg_color: $selected_fg_color; +$progress_border_color: if($variant == 'light', darken($progress_bg_color, 5%), lighten($progress_bg_color, 5%)) ; +$checkradio_bg_color: $selected_bg_color; //if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%)); +$checkradio_fg_color: $selected_fg_color; +$checkradio_borders_color: $selected_fg_color;//if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%)); +$focus_border_color: $selected_bg_color;// if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3)); + +$_dot_color: $warning_color;//if($variant=='light', $selected_bg_color, lighten($selected_bg_color,15%)); + + +// in window decoration +$_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); +$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + + +// Some shadow and highlight colors are defined in commons_common.scss + + + +//these are for libadwaite code included in some sass (such as tab-views) + +$headerbar_bg_color: $titlebar_active_bg; +$headerbar_fg_color: $titlebar_active_fg; +$headerbar_border_color: $alt_borders_color; +$headerbar_backdrop_color: $titlebar_backdrop_bg; +$accent_color: $selected_bg_color; +$selected_color: $selected_bg_color; +$headerbar_shade_color: if($variant == 'light', transparentize(black, .88), transparentize(black, .64)); +$selected_active_color: gtkalpha(currentColor, .19); +$window_outline_color: $_wm_border; +$thumbnail_bg_color: if($variant == 'light', #ffffff, #383838); //might need better integration with colors... +$thumbnail_fg_color: if($variant == 'light', transparentize(black, .2), white); //might need better integration with colors... diff --git a/source/common/common_common.scss b/source/common/common_common.scss new file mode 100644 index 0000000..e84ac95 --- /dev/null +++ b/source/common/common_common.scss @@ -0,0 +1,238 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +@function gtkmix($c1,$c2,$r) { + $ratio: 1 - $r / 100%; // match SCSS mix() + @return unquote("mix(#{$c1},#{$c2},#{$ratio})"); +} + +@function gtkshade($c,$s) { + @return unquote("shade(#{$c},#{$s})"); +} + +@function gtkcolor($c) { + @return unquote("@#{$c}"); +} + +// Optional compact sizes for buttons, headerbar and headerbar widgets +$_sizevariant: 'compact'; //either 'default', or compact otherwise +$_headerbar_height: if($_sizevariant=='default', 46px, 40px); +$_entry_height: if($_sizevariant=='default', 32px, 28px); +$_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px); +$_hb_btn_pad: if($_sizevariant=='default', 6px, 5px); +$_img_btn_pad: if($_sizevariant=='default', 5px, 2px); +$_sel_menu_pad: if($_sizevariant=='default', 6px 10px, 4px 10px); +$_circ_btn_pad: if($_sizevariant=='default', 4px, 2px); +$_switch_margin: if($_sizevariant=='default', 10px, 7px); + + + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; + +$button_transition: all 20ms $ease-out-quad; + +// radii + +$entry_radius: 0px; +$button_radius: 3px; +$window_radius: $button_radius + 3; +$popover_radius: $button_radius + 4; +$menu_radius: 5px; +$tab_radius: 9999px; +$card_radius: $button_radius + 4; //for libadwaita + + + +$button_min_height: 24px; +$button_min_width: 16px; +$button_padding: $_btn_pad; +$button_border_width: 1px; +$button_border: $button_border_width solid; + +$text_shadow_hover: 0 0 5px currentColor; +$text_shadow_lighted: 0 0 5px currentColor; + + + + + + +// -------------------- Functions and mixins + + + + +@function shadow($t:normal, $c:transparentize($shadow_hard_color, if($variant == 'light', 0.6, 0.3))) { + @if $t==active or $t==transparent { + @return 0 0 0 0 transparent; + } @else if $t==glow { + @return 0 0 3px 2px $c; + } @else if $t==glow-small { + @return 0 0 1px 1px $c; + } @else if $t==disabled or $t==insensitive { + @return 0px 1px 3px -1px $c; + } @else { + @return 0px 1px 3px 0 $c; + } +} + + + +@function _border_color($c, $darker: false) { + @if $darker == true { @return darken($c, 20%); } + @else { @return darken($c, 10%); } +} + +@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black, $_lbg*0.8); } +} + +@function button_highlight_color($c) { +// +// calculate the right top hilight color for buttons (the brighter, the brighter) +// +// $c: base color; +// + + @if lightness($c)>95% { @return white; } + @else if lightness($c)>90% { @return transparentize(white, 0.15); } + @else if lightness($c)>80% { @return transparentize(white, 0.35); } + @else if lightness($c)>50% { @return transparentize(white, 0.5); } + @else if lightness($c)>40% { @return transparentize(white, 0.65); } + @else { @return transparentize(white, 0.7); } + //@return $top_hilight; + +} + + +@function button_shadow_color($c) { +// +// calculate the right top shadow color for buttons (the darker, the darker) +// +// $c: base color; +// + @if lightness($c)<5% { @return black; } + @else if lightness($c)<10% { @return transparentize(black, 0.15); } + @else if lightness($c)<20% { @return transparentize(black, 0.35); } + @else if lightness($c)<50% { @return transparentize(black, 0.5); } + @else if lightness($c)<60% { @return transparentize(black, 0.65); } + @else { @return transparentize(black, 0.7); } + +} + +$highlight_color: button_highlight_color($window_bg); +$shadow_color: button_shadow_color($window_bg); +$shadow_hard_color: opacify($shadow_color, 1); + +$button_highlight_color: button_highlight_color($button_bg); +$button_shadow_color: button_shadow_color($button_bg); + + + +@function button_curve_well_contrasted($bg:$button_bg, $direction:bottom, $intensity:1) { + $intensityCapped: max(0, min(4, $intensity)); //between 0 and 4 + $bright_color: button_highlight_color($bg); + $dark_color: button_shadow_color($bg); + @return linear-gradient( + to $direction, + gtkalpha($bright_color, (0.15 * $intensityCapped) ), + gtkalpha($bright_color, 0) 50%, + gtkalpha($dark_color, 0) 50%, + gtkalpha($dark_color, (0.25 * $intensityCapped))); +} + + +$button_shadow_normal: + 0 3px 3px -3px $button_shadow_color, + inset 0 2px 1px -1px $button_highlight_color, + inset 0 -2px 1px -1px $button_shadow_color; +$button_shadow_pressed: //note: it lacks intentionally the highlight of the pressed text color in the bottom, because it has to be taken locally. + 0 3px 1px -2px gtkalpha($button_highlight_color, 0.4), + inset 0 2px 2px 1px $button_shadow_color, + inset 0 -1px 2px -1px $button_shadow_color; +$text_shadow_lighted: 0 0 3px currentColor; +$ridge_shadow: + 0px -2px 2px 0 $highlight_color, + 2px -1px 2px 0 gtkalpha($highlight_color, 0.5), + -2px -1px 2px 0 gtkalpha($highlight_color, 0.5), + inset 0px -1px 1px 0 $highlight_color, + inset 0px 2px 2px 1px $shadow_color, + 0px 2px 2px -1px $shadow_color, + 0px 3px 4px -1px $shadow_color; + +$_wm_border: $selected_bg_color; //if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); +$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + +$window_bs: + 0 5px 9px 1px transparentize(black, 0.3), + 0 0 5px 1px $_wm_border, + 0 3px 6px 2px transparentize(black, 1); + + +$window_backdrop_bs: + 0 5px 9px 1px transparentize(black, 0.5), + 0 3px 6px 2px transparentize(black, 0.3); + + + +@mixin draggable_bg_image($bg) { +//returns the image and its positioning, selecting between a white or black one, according to $bg (background color) + $icon_source: if(lightness($bg) > 50%, 'assets/draggable-black.svg', 'assets/draggable-white.svg'); + background-image: url($icon_source); + background-position: center; + background-repeat: no-repeat; + background-size: 0.7rem; +} + +@mixin headerbar_fill($c:$headerbar_bg_color, $ov: none) { + // + // headerbar fill + // + // $c: base color + // $ov: a background layer for background shorthand (hence no commas!) + // + $bevel_width: 7%; + $gradient: linear-gradient(to top, darken($c, 30%), darken($c, 2%) $bevel_width, lighten($c, 1%) (100% - $bevel_width), lighten($c, 30%) 100%); + + //@if $variant == 'dark' { $gradient: linear-gradient(to top, lighten($c, 4%), lighten($c, 6%)); } + + @if $ov != none { background: $c $ov, $gradient; } + @else { background: $c $gradient; } + + } + + + +// -------------------- General common elements + +%selected_items { + background-color: $selected_bg_color; + + //box-shadow: 0 0 5px 0 $selected_bg_color; it would be great, but it causes too many visual artifacts + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + //background-color: $selected_bg_color; + @at-root %selected_items_disabled, + &:disabled { color: $insensitive_fg_color;} //mix($selected_fg_color, $selected_bg_color, 50%); } + + @at-root %selected_items_backdrop, + &:backdrop { + // color: $backdrop_selected_fg_color; + // background-color: $backdrop_selected_bg_color; + + // &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} diff --git a/source/common/cursor-handle.scss b/source/common/cursor-handle.scss new file mode 100644 index 0000000..893315f --- /dev/null +++ b/source/common/cursor-handle.scss @@ -0,0 +1,23 @@ +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + + //copying slider code, so not DRYing, here... + //I don't know how to test this... + @include button(); + + border: 1px solid darken($alt_borders_color, 3%); + border-radius: 100%; + transition: $button_transition; + transition-property: background, border, box-shadow; + min-height: 18px; + min-width: 10px; + + + &:disabled { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + + &.top:dir(ltr), &.bottom:dir(rtl) {border-radius: 100% 5px 5px 5px;} + &.bottom:dir(ltr), &.top:dir(rtl) {border-radius: 5px 100% 5px 5px;} +} diff --git a/source/common/gtk3_removed.scss b/source/common/gtk3_removed.scss new file mode 100644 index 0000000..267e55b --- /dev/null +++ b/source/common/gtk3_removed.scss @@ -0,0 +1,731 @@ +//This file is just a quick placeholder for removed code, so I can easily inspect it when I see bugs in my code that replaces this. +//It is not used when compiling the theme + +// _drawing.scss + + + +@mixin button($t, $c:$button_bg, $tc:$button_fg, $edge: none, $backimage: null) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// $backimage: additional background-image behind the default one +// (for the button.circular hack) +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + $_hilight_color: _button_hilight_color($tc); + $_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_color, 0.03); + + //$tc=red; //to test, comment! + + @if $t==normal { + // + // normal button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + background-image: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c), + linear-gradient(to top, darken($c,1%) 2px, $c)), + $backimage; + @include _button_text_shadow($tc, $c); + @include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to top, $c, lighten($c, 1%) 1px), + $backimage; + @include _button_text_shadow($tc, lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge, $_button_shadow); + } + @else { + background-image: linear-gradient(to top, darken($c,1%), lighten($c, 1%) 1px), + $backimage; + @include _button_text_shadow($tc,lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge, $_button_shadow); + } + } + + @if $t==normal-alt { + // + // normal button alternative look + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + @include _button_text_shadow($tc, $c); + @if $variant == 'light' { + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), + $_button_edge, $_button_shadow); + } + @else { + background-image: linear-gradient(to bottom, darken($c, 3%) 20%, darken($c, 6%) 90%); + @include _shadows(inset 0 1px $_hilight_color, + $_button_edge, $_button_shadow); + } + } + + @else if $t==hover-alt { + // + // hovered button alternative look + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), + $_button_edge, $_button_shadow); + } + @else { + background-image: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%); + @include _shadows(inset 0 1px $_hilight_color, + $_button_edge, $_button_shadow); + } + } + + @else if $t==active { + // + // pushed button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%))); + @include _shadows(inset 0 1px transparentize($_hilight_color, 1), $_button_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } + + @else if $t==insensitive { + // + // insensitive button + // + $_bg: $insensitive_bg_color; + + color: $insensitive_fg_color; + border-color: $insensitive_borders_color; + background-image: image($_bg); + text-shadow: none; + -gtk-icon-shadow: none; + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%)); + $_bc: if($c != $bg_color, _border_color($c), $insensitive_borders_color); + + color: if($c != $bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); + border-color: $_bc; + background-image: image($_bg); + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); + } + + @else if $t==backdrop { + // + // backdrop button + // + $_bg: if($c != $bg_color, $c, $backdrop_bg_color); + $_bc: if($variant == 'light', $c, _border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + text-shadow: none; + -gtk-icon-shadow: none; + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg ,_border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + + $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant == 'light', $_bg,_border_color($c)); + + color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + text-shadow: none; + -gtk-icon-shadow: none; + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg, _border_color($c)); + + color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c != $bg_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c != $bg_color, $c, $osd_borders_color); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: transparentize($osd_fg_color, 0.7); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +/*************************** + * Check and Radio buttons * + ***************************/ +@import "../common/buttons.scss"; + + @mixin check($t, $c:$bg_color, $tc:$fg_color, $checked: false) { + // Check/Radio drawing function + // + // $t: check/radio type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $checked: bool to chose between checked/unchecked + // + // possible $t values: + // normal, hover, active, insensitive, backdrop, backdrop-insensitive + + $_border_color: if($c==$checkradio_bg_color, $c, $alt_borders_color); + $_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7)); + + @if $t==normal { + background-clip: if($checked, border-box, padding-box); + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + border-color: $_border_color; + box-shadow: 0 1px transparentize(black, 0.95); + color: $tc; + } + + @if $t==hover { + background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%)); + } + + @if $t==active { + box-shadow: inset 0 1px 1px 0px if($variant == 'light', rgba(0, 0, 0, 0.2), black); + } + + @if $t==insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==backdrop { + background-image: image($c); + box-shadow: none; + color: $tc; + } + + @if $t==backdrop-insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } +} + + +@mixin overshoot($p, $t:normal, $c:$fg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: $fg_color; + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + + + + + + + + +// _common.scss + +/* Darken switchbuttons for headerbars. issue #1588 */ + stackswitcher button:checked, + button.toggle:checked { + + background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%))); + border-color: darken($borders_color, 3%); + border-top-color: darken($borders_color, 8%); + &:backdrop { + @include button(backdrop-active); + } + } + +/***************** + * GtkSpinButton * + *****************/ + +// this was inside +button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + background-color: transparent; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: $base_hover_color; + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_base_color, 90%); + background-color: transparent; + border-color: transparentize($backdrop_borders_color, 0.7); + transition: $backdrop_transition; + } + + &:backdrop:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + background-image: none; + border-style: none none none solid; // It is needed or it gets overridden + + &:dir(rtl) { border-style: none solid none none; } + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + +// scrollbar {... + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + button { + min-width: 5px; + min-height: 5px; + background-color: $fg_color; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid if($variant == 'light', white, black); + -gtk-icon-source: none; + } + + &.horizontal { + slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + + button { + margin: 1px 2px; + min-width: 5px; + } + } + + &.vertical { + slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + + button { + margin: 2px 1px; + min-height: 5px; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + +/************* + * Level Bar * + *************/ + +levelbar { + &.horizontal { + block { + min-height: 3px; + } + + &.discrete block { + margin: 0 1px; + min-width: 32px; + } + } + + &.vertical { + block { + min-width: 3px; + } + + &.discrete block { + margin: 1px 0; + min-height: 32px; + } + } + + &:backdrop { transition: $backdrop_transition; } + + trough { + border: 1px solid; + padding: 1px; + border-radius: 3px; + @include entry(normal); + + &:backdrop { @include entry(backdrop); } + border-color: $borders_color; + } + + block { + border: 1px solid; + border-radius: 1px; + + &.low { + border-color: if($variant == 'light', darken($warning_color, 20%), $warning_color); + background-color: $warning_color; + + &:backdrop { border-color: $warning_color; }; + } + + &.high, + &:not(.empty) { + border-color: if($variant == 'light', darken($progress_bg_color, 20%), $progress_bg_color); + background-color: $progress_bg_color; + + &:backdrop { border-color: $progress_bg_color; } + } + + &.full { + border-color: if($variant == 'light', darken($success_color, 20%), $success_color); + background-color: $success_color; + + &:backdrop { border-color: $success_color; }; + } + + &.empty { + background-color: transparent; + border-color: if($variant == 'light', transparentize($fg_color,0.8), transparentize($fg_color,0.9)); + + &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); } + } + } +} + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 10px; + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 10px; + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +//inside scale .color + &.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + trough { + padding-left: 7px; + background-position: 6px 0; + } + + slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + trough { + padding-right: 7px; + background-position: -6px 0; + } + + slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } diff --git a/source/common/gtk4_removed.scss b/source/common/gtk4_removed.scss new file mode 100644 index 0000000..eed9299 --- /dev/null +++ b/source/common/gtk4_removed.scss @@ -0,0 +1,515 @@ +//This file is just a quick placeholder for removed code, so I can easily inspect it when I see bugs in my code that replaces this. +//It is not used when compiling the theme + +// _drawing.scss + +@mixin button($t, $c:$_default_button_c, $tc:$fg_color) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// +// possible $t values: +// normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); + + @if $t==normal { + // + // normal button + // + color: $tc; + outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color); + border-color: if($c!=$_default_button_c, _border_color($c, true), $borders_color); //tint if not default button color + background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c), + linear-gradient(to top, darken($c,1%) 2px, $c)); + @include _shadows($_button_shadow); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to top, darken($c,16%), darken($c,8%) 1px); + @include _shadows($_button_shadow); + } + @else { + background-image: linear-gradient(to top, darken($c,4%) 20%, darken($c, 3%) 90%); + @include _shadows($_button_shadow); + } + } + + @else if $t==active { + // + // pushed button + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%))); + box-shadow: none; + } + + @else if $t==checked-hover { + // + // pushed togglebutton hover + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 18%)), image(darken($c, 12%))); + box-shadow: none; + } + + @else if $t==checked-active { + // + // pushed togglebutton pushed further :) + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 22%)), image(darken($c, 14%))); + box-shadow: none; + } + + @else if $t==insensitive { + // + // insensitive button + // + $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color); + + color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); + border-color: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color); + background-image: image($_bg); + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%)); + $_bc: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color); + + color: if($c != $_default_button_c, mix($tc, $_bg, 60%), $insensitive_fg_color); + border-color: $_bc; + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop { + // + // backdrop button + // + $_bg: if($c != $_default_button_c, $c, $backdrop_bg_color); + $_bc: if($variant == 'light', $c, _border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg ,_border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + + $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant == 'light', $_bg,_border_color($c)); + + color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg, _border_color($c)); + + color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color); + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.3), darken($osd_bg_color, 10%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c != $_default_button_c, $c, darken($osd_bg_color, 20%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: none; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($osd_insensitive_bg_color); + background-clip: padding-box; + } + + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + } + @else if $t==undecorated-hover { + border-color: transparent; + background-image: none; + box-shadow: none; + @if $variant == 'light' { + background-color: darken($c,14%); + } @else { + background-color: darken($c,1%); + } + } + @else if $t==undecorated-active { + border-color: transparent; + background-image: none; + box-shadow: none; + @if $variant == 'light' { + background-color: darken($c,20%); + } + @else { + background-color: darken($c,5%); + } + } +} + +/*************************** + * Check and Radio buttons * + ***************************/ + + @mixin check($t, $c:$checkradio_bg_color, $tc:$checkradio_fg_color, $checked: false) { + // Check/Radio drawing function + // + // $t: check/radio type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $checked: bool to chose between checked/unchecked + // + // possible $t values: + // normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu + + $_border_color: if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color); + $_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7)); + + @if $t==normal { + background-clip: if($checked, border-box, padding-box); + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + border-color: $_border_color; + box-shadow: 0 1px transparentize(black, 0.95); + color: $tc; + } + + @if $t==hover { + background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%)); + } + + @if $t==active { + box-shadow: inset 0 1px if($variant == 'light', rgba(0, 0, 0, 0.2), black); + background-image: if($c == white, image(darken($c, 15%)), image(darken($c, 5%))); + } + + @if $t==insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==backdrop { + background-image: image($c); + box-shadow: none; + color: $tc; + } + + @if $t==backdrop-insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==menu { + transform: scale(0.8); + border-width: 1.2px; + border-color: transparent; + box-shadow: none; + background-image: image(transparent); + color: $tc; + } + + @if $t==menu-active { + transform: scale(0.8); + border-width: 1.2px; + color: $tc; + box-shadow: none; + background-image: image(transparent); + } +} + + + + + + + + + + + + + + + +// _common.scss + +/* Darken switchbuttons for headerbars. issue #1588 */ + stackswitcher > button:checked, + button.toggle:checked { + + background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%))); + border-color: darken($borders_color, 3%); + border-top-color: darken($borders_color, 8%); + &:backdrop { + @include button(backdrop-active); + } + } + +/***************** + * GtkSpinButton * + *****************/ + + //this was inside + + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + background-color: transparent; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: darken($bg_color,5%); + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + + +// scrollbar {... + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + > range > trough > slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + &.horizontal { + > range > trough > slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + } + + &.vertical { + > range > trough > slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + min-width: 20px; + min-height: 24px; + padding-left: 20px; + padding-right: 20px; + padding-top: 24px; + padding-bottom: 24px; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: '#{$assets}/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: '#{$assets}/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: '#{$assets}/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +//inside scale .color +&.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + > trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + > trough > slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + > trough { + padding-left: 7px; + background-position: 6px 0; + } + + > trough > slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + > trough { + padding-right: 7px; + background-position: -6px 0; + } + + > trough > slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } diff --git a/source/common/levelbar.scss b/source/common/levelbar.scss new file mode 100644 index 0000000..3edcdad --- /dev/null +++ b/source/common/levelbar.scss @@ -0,0 +1,83 @@ +/************* + * Level Bar * + *************/ + +$_levelbar_size: 9px; +$_levelbar_border_radius: 9999px; + +levelbar { + &.horizontal { + trough > block { + min-height: $_levelbar_size; + border-radius: $_levelbar_border_radius; + + &:dir(rtl) { + border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0; + } + + &:dir(ltr) { + border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius; + } + + &.empty,&.full { + border-radius: $_levelbar_border_radius; + } + } + + // segmented level bar + &.discrete { + trough > block { + min-height: 4px; + margin: 1px; + min-width: 24px; + border-radius:0; + &:first-child {border-radius: 2px 0 0 2px;} + &:last-child { + border-radius: 0 2px 2px 0; + } + } + } + } + + &.vertical { + trough > block { + min-width: $_levelbar_size; + border-radius: $_levelbar_border_radius; + } + + &.discrete > trough > block { + min-width: $_levelbar_size - 5px; + margin: 1px 0; + min-height: 32px; + } + } + + > trough { + padding: 1px; + @extend %scale_trough; + border-radius: $_levelbar_border_radius; + } + + // level bar colours + > trough > block { + border: 1px solid; + + &.low { + @include scale_highlight($warning_color); + } + + &.high, + &:not(.empty) { + @include scale_highlight(); + } + + &.full { + @include scale_highlight($success_color); + } + + &.empty { + @include scale_highlight(darken($base_color, 5%)); + //box-shadow: none; + } + } +} diff --git a/source/common/notebook.scss b/source/common/notebook.scss new file mode 100644 index 0000000..4704e47 --- /dev/null +++ b/source/common/notebook.scss @@ -0,0 +1,128 @@ +%reorderable-page { + @include draggable_bg_image($button_bg); + &, &:dir(ltr) { + background-position: left; + padding-left: 1rem; + } + &:dir(rtl) { + background-position: right; + padding-right: 1rem; + } +} + +notebook { + //padding: 1px; + &:focus > header {background-color:$dark_fill; } + > header { + @extend %stackswitcher; + //background-color: $dark_fill; + + //&.top { } + //&.bottom { } + + &.left, &.right { + border-radius: 1.5em; + } + + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + //@extend %button_basic; + @extend %button; + + //@extend %button_basic_flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:disabled { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + } + + tabs > tab, %tab { + @extend %button; + border-radius: $tab_radius; + outline-color: transparent; + margin: 3px; + + &.reorderable-page { + @extend %reorderable-page; + } + + button.flat { + //&:hover { color: currentColor; } + + //&, &:backdrop { color: gtkalpha(currentColor, 0.3); } + border-radius: $tab_radius; + padding: 1px; + margin: 2px; + //margin-top: 4px; + //margin-bottom: 4px; + //// FIXME: generalize .small-button? + //min-width: 20px; + //min-height: 20px; + + &:last-child { + margin-left: 4px; + margin-right: -4px; + } + + &:first-child { + margin-left: -4px; + margin-right: 4px; + } + } + } + + + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + //background-color: $base_color; + } +} diff --git a/source/common/old_slider_madness.scss b/source/common/old_slider_madness.scss new file mode 100644 index 0000000..8bf986f --- /dev/null +++ b/source/common/old_slider_madness.scss @@ -0,0 +1,90 @@ + //this used to be in _common.scss. I've left there the warning to locate where it used to be. This code is now unused. + + /* + // *WARNING* scale with marks madness following + + // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those... + $suffix: if($variant == 'light', '', '-dark'); + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'), + ('scale-has-marks-below', 'marks-after:not(.marks-before)') { + @each $state, $state_infix in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':disabled', '-insensitive'), + (':backdrop', '-backdrop'), + (':backdrop:disabled', '-backdrop-insensitive') { + &.#{$dir_class}.#{$marks_class} { + + slider { + &#{$state} { + // an asymmetric slider asset is used here, so the margins are uneven, the smaller + // margin is set on the point side. + margin: -10px; + $_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$suffix}'; + border-style: none; + border-radius: 0; + + background-color: transparent; + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); + + $_scale_slider_bg_pos: bottom; + + @if $dir_class == 'horizontal' { + min-height: 26px; + min-width: 22px; + + @if $marks_infix == 'scale-has-marks-above' { + margin-top: -14px; + + $_scale_slider_bg_pos: top; + } + + @else { margin-bottom: -14px; } + } + + @else { + min-height: 22px; + min-width: 26px; + + @if $marks_infix == 'scale-has-marks-above' { + margin-left: -14px; + + $_scale_slider_bg_pos: left bottom; + } + + @else { + margin-right: -14px; + + $_scale_slider_bg_pos: right bottom; + } + } + + background-position: $_scale_slider_bg_pos; + background-repeat: no-repeat; + box-shadow: none; + } + } + + &.fine-tune slider { + // bigger negative margins to make the trough grow here as well + margin: -7px; + + @if $dir_class == 'horizontal' { + @if $marks_infix == 'scale-has-marks-above' { margin-top: -11px; } + + @else { margin-bottom: -11px; } + } + + @else { + @if $marks_infix == 'scale-has-marks-above' { margin-left: -11px; } + + @else { margin-right: -11px; } + } + } + } + } + } + }*/ diff --git a/source/common/overshoot.scss b/source/common/overshoot.scss new file mode 100644 index 0000000..d17f9c9 --- /dev/null +++ b/source/common/overshoot.scss @@ -0,0 +1,61 @@ +@mixin overshoot($p, $t:normal, $c:$selected_bg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 3%; + $_big_gradient_length: 50%; + + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==right or $p==left { + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: transparentize($c, 0.93); + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: transparentize($fg_color, 0.93); + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: radial-gradient(farthest-side at $p, + $_small_gradient_color 85%, + transparentize($_small_gradient_color, 1)); + + $_big_gradient: radial-gradient(farthest-side at $p, + $_big_gradient_color, + transparentize($_big_gradient_color, 1)); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $p; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} diff --git a/source/common/row.scss b/source/common/row.scss new file mode 100644 index 0000000..81687cb --- /dev/null +++ b/source/common/row.scss @@ -0,0 +1,23 @@ +row { + transition: all 500ms $ease-out-quad; + border: 1px solid transparent; + //&:hover { transition: none; } + + //&:backdrop { transition: $backdrop_transition; } + + &.activatable { + // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover, + &:active, + &:selected, &.has-open-popup { + @include button(); //very bold + } + &:disabled { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + } + + &:selected { @extend %selected_items; } + .nested > & { + background-color: transparentize(if($variant == 'light', black, white), 0.9); + } +} diff --git a/source/common/scale-old-gtk4-code-to-remove-when-safe.scss b/source/common/scale-old-gtk4-code-to-remove-when-safe.scss new file mode 100644 index 0000000..8097d8e --- /dev/null +++ b/source/common/scale-old-gtk4-code-to-remove-when-safe.scss @@ -0,0 +1,281 @@ +%scale_trough { + border: 1px solid $borders_color; + border-radius: 3px; + background-color: $dark_fill; + //padding:1px; + + headerbar & { background-color: darken($dark_fill,8%); } //3504 + + &:disabled { + background-color: $insensitive_bg_color; + border-color: mix($insensitive_bg_color, $insensitive_fg_color, 80%); + } + + // ...on selected list rows + row:selected & { + &:disabled, & { + outline-color: $alt_focus_border_color; + border-color: $selected_borders_color; + } + } + + // OSD + .osd & { + border-color: $osd_borders_color; + background-color: transparentize($osd_borders_color, 0.7); + + &:disabled { background-color: $osd_insensitive_bg_color; } + } +} + +%scale_highlight { + border: 1px solid $progress_border_color; + border-radius: 3px; + background-color: $progress_bg_color; + + &:disabled { + background-color: mix($insensitive_bg_color, $insensitive_fg_color, 30%); + border-color: mix($insensitive_bg_color, $insensitive_fg_color, 00%);; + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + + // OSD + .osd & { + border-color: $osd_borders_color; + + &:disabled { border-color: transparent; } + } +} + +scale { + // sizing + $_marks_length: 6px; + $_marks_distance: 6px; + + min-height: 10px; + min-width: 10px; + padding: 12px; + + //@include focus-ring("> trough", $offset: 10px); + + // those are inside the trough node, I need them to show their own border over the trough one, so negative margin + > trough { + transition: $focus_transition; + + > fill, + > highlight { margin: -1px; } + + + + } + + // click-and-hold the slider to activate + &.fine-tune { + //&.horizontal { + // padding-top: 9px; + // padding-bottom: 9px; + // min-height: 16px; + //} + + //&.vertical { + // padding-left: 9px; + // padding-right: 9px; + // min-width: 16px; + //} + + // to make the trough grow in fine-tune mode //no longer, just background change + > trough > slider { + &:hover, &:focus {@include slider($type: hover, $fine_tune: true);} + } + + > trough > fill, + > trough > highlight, + > trough { + //border-radius: 5px; + } + } + + // the backing bit + > trough { + @extend %scale_trough; + } + + // the colored part of the backing bit + > trough > highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + > trough > fill { + @extend %scale_trough; + + + &:disabled { + border-color: transparent; + background-color: transparent; + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:disabled { + border-color: transparent; + background-color: transparent; + } + } + } + + > trough > slider, %slider { + min-height: 18px; + min-width: 18px; + margin: -9px; // the slider is inside the trough, so to have make it bigger there's a negative margin + @include slider(); + border-radius: 100%; + @include draggable_bg_image($button_bg); + + + &:hover, &:focus { @include slider(hover); } + &:active { @include slider(active) } + + // OSD + .osd & { + @include slider(normal, $osd_button_bg_color); + &:hover, &:focus { @include slider(hover, $osd_button_bg_color); } + &:active { @include slider(active, $osd_button_bg_color) } + } + } + + > value { + color: gtkalpha(currentColor, 0.55); + font-feature-settings: "tnum"; + } + + &.horizontal { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-bottom: $_marks_distance; } + &.bottom { margin-top: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: $_marks_length; + min-width: 1px; + } + } + + > value.left { margin-right: 9px; } + > value.right { margin-left: 9px; } + + //&.fine-tune >marks { + // &.top { margin-top: 3px; } + // &.bottom { margin-bottom: 3px; } + + // indicator { min-height: ($_marks_length - 3px); } + //} + &.marks-after {slider{ border-radius: 5px 5px 100% 100%;min-width: 10px; padding: 0; margin-right: 5px; margin-left:5px;}} + &.marks-before, &.color {slider{ border-radius: 100% 100% 5px 5px;min-width: 10px; padding: 0; margin-right: 5px; margin-left:5px;}} + + } + + &.vertical { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-right: $_marks_distance; } + &.bottom { margin-left: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: 1px; + min-width: $_marks_length; + } + } + + > value.top { margin-bottom: 9px; } + > value.bottom { margin-top: 9px; } + + //&.fine-tune >marks { + // &.top { margin-left: 3px; } + // &.bottom { margin-right: 3px; } + + // indicator { min-height: ($_marks_length - 3px); } + // } + &.marks-after, &.color:dir(ltr) {slider{ border-radius: 5px 100% 100% 5px;min-height: 10px;padding: 0;margin-top: 54px; margin-bottom:5px;}} + &.marks-before, &.color:dir(rtl) {slider{ border-radius: 100% 5px 5px 100%;min-height: 10px;padding: 0;margin-top: 5px; margin-bottom:5px;}} + } + + // *WARNING* scale with marks madness following + + + + &.color { + min-height: 0; + min-width: 0; + + > trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + > trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + > trough > slider { + &:dir(ltr), &:dir(rtl) { // specificity bump + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + > trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + > trough > slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + > trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + > trough > slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + //removed fine-tune bit + } +} diff --git a/source/common/scale.scss b/source/common/scale.scss new file mode 100644 index 0000000..8f1ef2e --- /dev/null +++ b/source/common/scale.scss @@ -0,0 +1,246 @@ +/************ + * GtkScale * + ************/ + +%scale_trough { + border: none; //1px solid $borders_color; + border-radius: 9999px; + background-color: $trough_bg_color; + + + @include _shadows( + $ridge_shadow + ); + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + + // OSD + .osd & { + border-color: $osd_borders_color; + //background-color: transparentize($osd_borders_color, 0.7); + + //&:disabled { background-color: $osd_insensitive_bg_color; } + } + +} + +@mixin scale_highlight($c: $progress_bg_color) { + margin: 0px; + border: none; + $highlight_highlight_color: button_highlight_color($c); + $highlight_insensitive_color: mix($insensitive_bg_color, $insensitive_fg_color, 30%); + $highlight_insensitive_highlight_color: button_highlight_color($highlight_insensitive_color); + border-radius: 9999px; + background-color: $c; + color: $progress_fg_color; + box-shadow: + inset 0 3px 0 0 $highlight_highlight_color, + 0 0 5px 0 $c; + + background-image: + linear-gradient(to bottom, gtkalpha(white, 0), gtkalpha(white, 0.3)), + radial-gradient(ellipse at center , gtkalpha(black, 0.3), gtkalpha(black, 0)); + + &:disabled { + background-color: $highlight_insensitive_color; + box-shadow: + inset 0 3px 0 0 $highlight_insensitive_highlight_color; + //border-color: mix($insensitive_bg_color, $insensitive_fg_color, 00%);; + } +} + +%scale_highlight { + + @include scale_highlight(); + //border: 1px solid $progress_border_color; + + // ...on selected list rows + //row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + + // OSD + //.osd & { } + +} + +//note: on gtk3, "trough" is inside a "contents" element. Not in gtk4. Therefore, we don't do scale > trough +scale { + // sizing + $_marks_length: 6px; + $_marks_distance: 6px; + + min-height: 10px; + min-width: 10px; + padding: 12px; + + //the back part + + trough { + @extend %scale_trough; + + outline-offset: 2px; + -gtk-outline-radius: 5px; + } + + //the colored part + highlight { @extend %scale_highlight; } + + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + @extend %scale_trough; + background-color: lighten($dark_fill, 20%); + } + + + trough > slider, %slider { + @include slider(); + min-height: 18px; + min-width: 18px; + margin: -3px; + border-radius: 100%; + @include draggable_bg_image($button_bg); + + + &:hover, &:focus { @include slider(hover); } + &:active { @include slider(active) } + + // OSD + .osd & { + @include slider(normal, $osd_button_bg_color); + &:hover, &:focus { @include slider(hover, $osd_button_bg_color); } + &:active { @include slider(active, $osd_button_bg_color) } + } + + } + //fine-tune is when you click-and-hold for a short time the slider, then you can adjust it with more precision + &.fine-tune { + + trough > slider { + &:hover, &:focus {@include slider($type: hover, $fine_tune: true);} + } + } + + marks, + value { + color: gtkalpha(currentColor, 0.55); + font-feature-settings: "tnum"; + } + + //from now on, it is gtk3 code, hopefully it also works for gtk4 and libadwaita + + //marks margins + @each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom), + (horizontal, bottom, bottom, top), + (vertical, top, left, right), + (vertical, bottom, right, left) { + &.#{$scale_orient} marks { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + } + } + } + + &.horizontal { + + + + indicator { + min-height: $_marks_length; + min-width: 1px; + } + + //&.fine-tune indicator { min-height: ($_marks_length - 3px); } + &.marks-after { + slider{ border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left:5px;}} + &.marks-before, &.color {slider{ border-radius: 100% 100% 5px 5px;min-width: 10px;padding: 0;margin-right: 5px; margin-left:5px;}} + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + + //&.fine-tune indicator { min-width: ($_marks_length - 3px); } + + &.marks-after, &.color:dir(ltr) {slider{ border-radius: 5px 100% 100% 5px; min-height: 10px;padding: 0;margin-top: 5px; margin-bottom:5px;}} + &.marks-before, &.color:dir(rtl) {slider{ border-radius: 100% 5px 5px 100%; min-height: 10px;padding: 0;margin-top: 5px; margin-bottom:5px;}} + } + + // Old warning to help locate where this madness used to be. I've used a much saner approach to marked sliders, IMHO, without assets. + // *WARNING* scale with marks madness following + + + &.color { + min-height: 0; + min-width: 0; + + trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:dir(ltr), &:dir(rtl) { // specificity bumb + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + //removed fine-tune bit + } +} \ No newline at end of file diff --git a/source/common/slider.scss b/source/common/slider.scss new file mode 100644 index 0000000..37f2348 --- /dev/null +++ b/source/common/slider.scss @@ -0,0 +1,23 @@ +@mixin slider($type:normal, $color:$button_bg, $fine_tune:false) { + $glow_color: if($fine_tune, $success_color, $selected_bg_color); + $bs_hover: 0 0 5px 0 $glow_color; + $bs_active: 0 0 3px 0 $glow_color; + $bs_extra: inset 0 4px 3px 0px $button_highlight_color, + inset 0 -4px 3px 0px $button_shadow_color, + 0 4px 4px -2px $button_shadow_color; + + @if $type==normal { + @include button($pressable: false); + @include _shadows($button_shadow_normal, $bs_extra); + border: none; + + } + @else if $type==hover { + @include _shadows($button_shadow_normal, $bs_extra, $bs_hover); + } + @else if $type==active { + @include _shadows($button_shadow_normal, $bs_extra, $bs_hover, $bs_active); + } + + +} diff --git a/source/common/stack_switcher.scss b/source/common/stack_switcher.scss new file mode 100644 index 0000000..1b7868e --- /dev/null +++ b/source/common/stack_switcher.scss @@ -0,0 +1,9 @@ +stackswitcher, .stack-switcher, %stackswitcher { + border-radius: 9999px; + border: none; + @include _shadows($button_shadow_pressed); + headerbar &, windowhandle & { + margin: 3px 0px; + & > button {min-height: $button_min_height - 5px;} + } //otherwise it's as tall as the headerbar, which doesn't look good. +} diff --git a/source/common/tab-view.scss b/source/common/tab-view.scss new file mode 100644 index 0000000..ded443d --- /dev/null +++ b/source/common/tab-view.scss @@ -0,0 +1,289 @@ +// copied and modified from libadwaita source: +// https://github.com/GNOME/libadwaita/blob/main/src/stylesheet/widgets/_tab-view.scss +// original color definitions at https://github.com/GNOME/libadwaita/blob/main/src/stylesheet/_defaults.scss and corresponding variables at https://github.com/GNOME/libadwaita/blob/main/src/stylesheet/_colors.scss + +// Still a WIP + +tabbar { + .box { + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + box-shadow: inset 0 -1px if($contrast == 'high', $headerbar_border_color, $headerbar_shade_color); + padding: 1px; + padding-top: 0; + + &:backdrop { + background-color: $headerbar_backdrop_color; + transition: background-color $backdrop_transition; + + > scrolledwindow, + > .start-action, + > .end-action { + //filter: opacity(0.5); + transition: filter $backdrop_transition; + } + } + } + + tabbox { + @extend %stackswitcher; + padding: 2px; + //min-height: 34px; + + > tabboxchild { + @extend %tab; + @include focus-ring(); + //border-radius: $tab_radius; + } + + > separator { + margin-top: 3px; + margin-bottom: 3px; + transition: opacity 150ms ease-in-out; + + &.hidden { + opacity: 0; + } + } + + > revealer > indicator { + min-width: 2px; + border-radius: 2px; + margin: 3px 6px; + background: if($contrast == 'high', $accent_color, gtkalpha($accent_color, 0.5)); + } + + > background { background-color: unset;} + } + + tab { + @extend %tab; + @extend %reorderable-page; + @extend %button; + border-radius: $tab_radius; + outline-color: transparent; + margin: 3px; + transition: background 150ms ease-in-out; + + @if $contrast == 'high' { + &:hover, + &:active, + &:selected { + box-shadow: inset 0 0 0 1px $border_color; + } + } + + &:selected { + background-color: $selected_color; + + //&:hover { background-color: $selected_hover_color; } //should be inherited by button + //&:active { background-color: $selected_active_color; } //should be inherited by button + } + + //&:hover { background-color: $hover_color; } //should be inherited by button + //&:active { background-color: $active_color; } //should be inherited by button + } + + tabbox.single-tab tab { // might need to disable button effects, TODO + &, &:hover, &:active { + background: none; + + @if $contrast == 'high' { + box-shadow: none; + } + } + } + + .start-action, + .end-action { + padding: 6px 5px; + } + + .start-action:dir(ltr), + .end-action:dir(rtl) { + padding-right: 0; + } + + .start-action:dir(rtl), + .end-action:dir(ltr) { + padding-left: 0; + } + + &.inline { + @extend %tabbar-inline; + } +} + +%tabbar-inline .box { + background-color: transparent; + color: inherit; + box-shadow: none; + padding-bottom: 0; + + &:backdrop { + background-color: transparent; + transition: none; + + > scrolledwindow, + > .start-action, + > .end-action { + filter: none; + transition: none; + } + } +} + +%tabbar-shrunk { + tabbox, + .start-action, + .end-action { + padding-top: 3px; + padding-bottom: 3px; + } +} + +dnd tab { + @extend %tab; + @extend %button; + border-radius: $tab_radius; + outline-color: transparent; + margin: 3px; + @extend %reorderable-page; + //background-color: $headerbar_bg_color; + //background-image: image($selected_active_color); + //color: $headerbar_fg_color; + + //box-shadow: 0 0 0 1px transparentize(black, 0.97), + // 0 1px 3px 1px transparentize(black, .93), + // 0 2px 6px 2px transparentize(black, .97); + + @if $contrast == 'high' { + outline: 1px solid $border_color; + outline-offset: -1px; + } + + margin: 25px; +} + +tabbar, +dnd { + tab { + min-height: 26px; + padding: 4px; + //border-radius: $button_radius; + + button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 99px; + } + + indicator { + min-height: 2px; + border-radius: 2px; + background: if($contrast == 'high', $accent_color, gtkalpha($accent_color, 0.5)); + transform: translateY(4px); + } + } +} + +tabgrid > tabgridchild { + @include focus-ring(".card", $offset: 0, $outer: true); +} + +tabthumbnail { + border-radius: $card_radius + 4px; + + > box { + margin: 6px; + } + + &:drop(active) { + box-shadow: inset 0 0 0 2px gtkalpha($drop_target_color, .4); + background-color: gtkalpha($drop_target_color, .1); + } + + transition: box-shadow 200ms $ease-out-quad, background-color $ease-out-quad; + + .needs-attention { + &:dir(ltr) { transform: translate(8px, -8px); } + &:dir(rtl) { transform: translate(-8px, -8px); } + + > widget { + background: $accent_color; + min-width: 12px; + min-height: 12px; + border-radius: 8px; + margin: 3px; + box-shadow: 0 1px 2px gtkalpha($accent_color, .4); + } + } + + .card { + picture { + outline: 1px solid $window_outline_color; + outline-offset: -1px; + border-radius: $card_radius; + } + + background: none; + color: inherit; + + @if $contrast == 'high' { + box-shadow: 0 0 0 1px transparentize(black, 0.5), + 0 1px 3px 1px transparentize(black, .93), + 0 2px 6px 2px transparentize(black, .97); + } + } + + &.pinned .card { + background-color: $thumbnail_bg_color; + color: $thumbnail_fg_color; + + @if $contrast == 'high' { + outline: 1px solid $window_outline_color; + outline-offset: -1px; + } + } + + .icon-title-box { + border-spacing: 6px; + } + + .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; + } + + button.circular { + margin: 6px; + background-color: gtkalpha($thumbnail_bg_color, .75); + min-width: 24px; + min-height: 24px; + + @if $contrast == 'high' { + box-shadow: 0 0 0 1px currentColor; + } + + &:hover { + background-color: gtkalpha(gtkmix($thumbnail_bg_color, currentColor, 90%), .75); + } + + &:active { + background-color: gtkalpha(gtkmix($thumbnail_bg_color, currentColor, 80%), .75); + } + } +} + +taboverview > .overview .new-tab-button { + margin: 18px; +} + +tabview:drop(active), +tabbox:drop(active), +tabgrid:drop(active) { + box-shadow: none; +} diff --git a/source/common/undershoot.scss b/source/common/undershoot.scss new file mode 100644 index 0000000..9bf1a6f --- /dev/null +++ b/source/common/undershoot.scss @@ -0,0 +1,28 @@ +undershoot { + + $undershoot_color: mix($hint_bg, $hint_fg, 50%); + background-repeat: no-repeat; + background-clip: border-box; + background-image: image(gtkalpha($undershoot_color, 0.3)); + &.top { + //background-image: linear-gradient(to bottom, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 100% 0.5em; + background-position: top; + } + &.bottom { + //background-image: linear-gradient(to top, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 100% 0.5em; + background-position: bottom; + } + &.left { + //background-image: linear-gradient(to right, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 0.5em 100%; + background-position: left; + } + &.right { + //background-image: linear-gradient(to left, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 0.5em 100%; + background-position: right; + } + +} diff --git a/source/compile.sh b/source/compile.sh new file mode 100755 index 0000000..6116798 --- /dev/null +++ b/source/compile.sh @@ -0,0 +1,147 @@ +#! /bin/bash + +showHelp () { + + echo "Usage: $(basename "$0") --help | source_dir dest_dir variant | variant" + echo "Meaning:" + echo -e "\t --help: display help" + echo -e "\t source_dir: source to compile" + echo -e "\t dest_dir: destination to copy resulting gtk.css to." + echo -e "\t variant: either light or dark variant" + echo -e "If no source and destination are specified, source is current directory and destination is parent directory" +} + +showErrorUsage () { +# shows an error message (paramter 1) and then calls showHelp + echo error: $1 + showHelp +} + +if [ ! "$(which sassc 2> /dev/null)" ]; then + showErrorUsage "sassc needs to be installed to generate the css." + exit 1 +fi + +if [ $# -gt 3 ] || [ $# -eq 2 ] +then + showErrorUsage "incorrect number of parameters" + exit 1 +fi + +if [[ $1 == "--help" || $1 == "-h" ]] +then + echo "Calling for help" + showHelp + exit 0; +fi + +if [ $# -le 1 ] +then + source_dir=. + dest_dir=.. +else + source_dir=$1 + dest_dir=$2 +fi + +if [ $# -eq 1 ] +then + variant=$1 +else + variant=$3 +fi + +if [ "$variant" == "light" ] +then + gtkthree="" + gtkfour="light" +elif [ "$variant" == "dark" ] +then + gtkthree="-dark" + gtkfour="dark" +else + showErrorUsage "invalid variant name '$variant'. Also: high contrast not yet supported." + exit 2 +fi + + +echo -e "\nCompiling with the following values: " +echo -e " source: $source_dir" +echo -e " destination: $dest_dir" +echo -e " variant: $variant\n\n" + +if [ ! -d "$source_dir" ] +then + showErrorUsage "source directory not found" + exit 2 +fi + +if [ ! -d "$dest_dir" ] +then + showErrorUsage "destination directory not found" + exit 2 +fi + + + +# ----------------- gtk3 ------------------------- +echo "Compiling gtk3..." + +if [ ! -d "$source_dir/gtk3" ] +then + echo "Error: source directory must contain gtk3 subdirectory" + exit 1 +fi + +sassc -M -t compact "$source_dir/gtk3/gtk-contained$gtkthree.scss" "$source_dir/gtk3/gtk-new.css" + +if [ $? -ne 0 ] +then + echo "Error: sassc exited with error, aborting deployment of gtk3" +else + echo "Deploying gtk3..." + if [ ! -d "$dest_dir/gtk-3.0" ] + then + mkdir "$dest_dir/gtk-3.0" + fi + cp "$source_dir/gtk3/gtk-new.css" "$dest_dir/gtk-3.0/gtk.css" + if [ $? -ne 0 ] + then + echo "Deployment: error copying to destination directory." + else + echo "...done!" + fi +fi + + + + +# ----------------- gtk4 ------------------------- + +echo -e "\n\n\nCompiling gtk4..." + +if [ ! -d "$source_dir/gtk4" ] +then + echo "Error: source directory must contain gtk4 subdirectory" + exit 1 +fi + +sassc -M -t compact "$source_dir/gtk4/Default-$gtkfour.scss" "$source_dir/gtk4/gtk-new.css" + +if [ $? -ne 0 ] +then + echo "Error: sassc exited with error, aborting deployment of gtk4" +else + echo "Deploying gtk4..." + if [ ! -d "$dest_dir/gtk-4.0" ] + then + mkdir "$dest_dir/gtk-4.0" + fi + cp "$source_dir/gtk4/gtk-new.css" "$dest_dir/gtk-4.0/gtk.css" + if [ $? -ne 0 ] + then + echo "Deployment: error copying to destination directory." + else + echo "...done!" + fi +fi diff --git a/source/gtk3/README b/source/gtk3/README new file mode 100644 index 0000000..f7a50be --- /dev/null +++ b/source/gtk3/README @@ -0,0 +1,34 @@ +Summary +------- + +* Do not edit the CSS directly, edit the source SCSS files +* To be able to use the latest/adequate version of SASS, install sassc +* The configure script will detect whether or not you have sassc installed; + if you do, it will regenerate the CSS every time you modify the SCSS files + and rebuild GTK+. + +How to tweak the theme +---------------------- + +Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS. The +generated CSS is then transformed into a GResource file during GTK+ build and used at runtime in a +non-legible or editable form. + +It is very likely your change will happen in the _common.scss file. That's where all the widget +selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the +right place for a drive by stylesheet fix: + +_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, + most colors are derived form a handful of basics. It covers both the light variant and + the dark variant. + +_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. + +_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under + specific context. This is why Adwaita isn't 15000 LOC. + +_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove + your changes. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make +your changes to the _common.scss file, GTK+ will rebuild the CSS files. diff --git a/source/gtk3/_colors-public.scss b/source/gtk3/_colors-public.scss new file mode 100644 index 0000000..3b638e2 --- /dev/null +++ b/source/gtk3/_colors-public.scss @@ -0,0 +1,119 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* +widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* +these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +//WM + +$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #{"" + $base_color}; + +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))}; diff --git a/source/gtk3/_colors.scss b/source/gtk3/_colors.scss new file mode 100644 index 0000000..e998799 --- /dev/null +++ b/source/gtk3/_colors.scss @@ -0,0 +1,28 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +@import '../common/theme_colors.scss'; +@import '../common/common_colors.scss'; + + +$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); + +$popover_bg_color: $bg_color; +$popover_hover_color: lighten($bg_color, 5%); + + +$base_hover_color: transparentize($fg_color, 0.95); + + + + +//colors for the backdrop state, derived from the main colors. + +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); + + diff --git a/source/gtk3/_colors.scss.original b/source/gtk3/_colors.scss.original new file mode 100644 index 0000000..32dd762 --- /dev/null +++ b/source/gtk3/_colors.scss.original @@ -0,0 +1,77 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%)); +$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%)); +$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%)); +$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); +$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); +$top_hilight: $borders_edge; +$dark_fill: mix($borders_color, $bg_color, 50%); +$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); +$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); +$popover_bg_color: $bg_color; +$popover_hover_color: lighten($bg_color, 5%); + +$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$warning_color: #f57900; +$error_color: #cc0000; +$success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%)); +$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%)); + +$osd_fg_color: #eeeeec; +$osd_text_color: white; +$osd_bg_color: if($variant == 'light', transparentize(darken(desaturate(#3d3846, 100%), 4%),0.1), transparentize(darken(desaturate(#3d3846, 100%), 10%),0.1)); +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: transparentize(black, 0.3); + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); +$base_hover_color: transparentize($fg_color, 0.95); + +$tooltip_borders_color: transparentize(white, 0.9); +$shadow_color: transparentize(black, 0.9); + +$drop_target_color: #4e9a06; + +//insensitive state derived colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_borders_color: $borders_color; + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color); +$backdrop_borders_color: mix($borders_color, $bg_color, 80%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); + +//special cased widget colors +$suggested_bg_color: $selected_bg_color; +$suggested_border_color: $selected_borders_color; +$progress_bg_color: $selected_bg_color; +$progress_border_color: $selected_borders_color; +$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%)); +$checkradio_fg_color: $selected_fg_color; +$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%)); diff --git a/source/gtk3/_common.scss b/source/gtk3/_common.scss new file mode 100644 index 0000000..e1f71da --- /dev/null +++ b/source/gtk3/_common.scss @@ -0,0 +1,3266 @@ +@import '../common/common_common.scss'; +@import '../common/slider.scss'; + + + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: gtkalpha(currentColor, 0.3); + outline-style: none;//dashed; removed it because I already signal activeness elsehow + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: $button-radius - 2; + + -gtk-secondary-caret-color: $selected_bg_color +} + + +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_bg_color; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: $fg_color; + background-color: $bg_color; + + &:hover { + color: $fg_color; + background-color: lighten($bg_color, 10%); + } + + &:active { + color: $fg_color; + background-color: darken($bg_color, 10%); + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + //&:backdrop { + // color: $backdrop_text_color; + // background-color: $backdrop_base_color; + // &:disabled { color: $backdrop_insensitive_color; } + //} + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + //border-radius: 3px;//3px; + } + } + & > :selected { //this is weirdly needed for nemo when renaming files, there's probably a better solution + background-color: $selected_bg_color; + } + +} + +.view, +textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +textview border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { @extend .view; } + +.rubberband, +rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: 3px; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +.content-view .tile { + margin: 2px; + background-color: if($variant=='light', transparent, black); + border-radius: 0; + padding: 0; + + //&:backdrop { background-color: if($variant=='light', transparent, darken($backdrop_base_color,5%)); } + &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); } + &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + @extend .dim-label; + } + + &:selected { @extend %nobg_selected_items; } + + selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + button & { color: inherit; } + + &:backdrop { + color: $backdrop_insensitive_color; + + button & { color: inherit; } + } + + selection { @extend %selected_items_disabled; } + } + + &:backdrop { + selection { @extend %selected_items_backdrop; } + } + + &.error { + color: $error_color; + &:disabled { color: transparentize($error_color,0.5); } + &:disabled:backdrop { color: transparentize($error_color,0.6); } + } +} + +.dim-label { + opacity: 0.55; + text-shadow: none; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: 6px 12px; } + + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} + +%osd, +.osd { + color: $osd_fg_color; + border: 1px solid $osd_borders_color; + background-color: $osd_bg_color; + background-clip: padding-box; + //text-shadow: 0 1px black; + //-gtk-icon-shadow: 0 1px black; + + //&:backdrop { + // text-shadow: none; + // -gtk-icon-shadow: none; + //} +} + + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + &:backdrop { color: $backdrop_fg_color; } + opacity: 0.1; // non spinning spinner makes no sense (or maybe yes!) + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; color: $insensitive_fg_color;} + } +} + +/********************** + * General Typography * + **********************/ + +.large-title { + font-weight: 300; + font-size: 24pt; +} +.title-1 { + font-weight: 800; + font-size: 20pt; +} +.title-2 { + font-weight: 800; + font-size: 15pt; +} +.title-3 { + font-weight: 700; + font-size: 15pt; +} +.title-4 { + font-weight: 700; + font-size: 13pt; +} +.heading { + font-weight: 700; + font-size: 11pt; +} +.body { + font-weight: 400; + font-size: 11pt; +} +.caption-heading { + font-weight: 700; + font-size: 9pt; +} +.caption { + font-weight: 400; + font-size: 9pt; +} + +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: $_entry_height; + padding-left: 1px; + padding-right: 1px; + border: 1px solid; + border-radius: $entry_radius; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + image { // icons inside the entry + &.left { margin-right: 6px; } + &.right { margin-left: 6px; } + } + + &:hover { + @include entry(hover); + } + + &.flat { + &:focus, &:backdrop, &:disabled, &:backdrop:disabled, & { + min-height: 0; + padding: 2px; + padding-left: 1px; + padding-right: 1px; + background-color: transparent; + border-color: transparent; + border-radius: 0; + } + } + + &:focus { @include entry(focus); } + + &:disabled { @include entry(insensitive); } + + // &:backdrop { + // @include entry(backdrop); + + // transition: $backdrop_transition; + // } + + // &:backdrop:disabled { @include entry(backdrop-insensitive); } + + selection { @extend %selected_items; } + + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: entry_focus_border($e_color); + + &:focus { @include entry(focus, $e_color); } + + selection { background-color: $e_color; } + } + } + + image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + } + + &:drop(active) { + &:focus, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus { @include entry(osd-focus); } + + &:backdrop { @include entry(osd-backdrop); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + progress { + margin: 2px -0px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $progress_bg_color; + border-style: solid; + box-shadow: none; + + &:backdrop { background-color: transparent; } + } + + // linked entries + .linked:not(.vertical) > & { + @extend %linked; + &, &:first-child, &:last-child, &:only-child { + &:dir(rtl), &:dir(ltr) {border-radius:$entry_radius;} //breaking roundness if present, added for square theme. All this to get equal specificity! + } + } + .linked:not(.vertical) > &:focus + &, + .linked:not(.vertical) > &:focus + button, + .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } + + .linked:not(.vertical) > &:focus.error + &, + .linked:not(.vertical) > &:focus.error + button, + .linked:not(.vertical) > &:focus.error + combobox > box > button.combo { border-left-color: entry_focus_border($error_color); } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + + &:backdrop { border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); } + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + // color back the top border of a linked focused entry following another entry. + // :not(:only-child) is a specificity bump hack. + + %entry:focus:not(:only-child), + + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } + + + %entry:focus.error:not(:only-child), + + entry:focus.error:not(:only-child) { border-top-color: entry_focus_border($error_color); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + // this takes care of coloring the top border of the focused entry subsequent widget. + // :not(:only-child) is a specificity bump hack. + &:focus:not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: entry_focus_border(); } + } + + &:focus.error:not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: entry_focus_border($error_color); } + } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } + + &.error { color: $error_color; } +} + +treeview entry { + &:focus { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} + +.entry-tag { + // sizing + padding: 5px; + + margin-top: 2px; + margin-bottom: 2px; + + // side margins: compensate the entry padding with a negative margin + // then the negative margin itself + :dir(ltr) & { + margin-left: 8px; + margin-right: -5px; + } + :dir(rtl) & { + margin-left: -5px; + margin-right: 8px; + } + + border-style: none; + + $_entry_tag_color: if($variant=='light', $selected_fg_color, $base_color); + color: $_entry_tag_color; + + $_entry_tag_bg: if($variant=='light', $selected_bg_color, mix($fg_color, $base_color, 50%)); + background-color: $_entry_tag_bg; + + &:hover { + background-color: lighten($_entry_tag_bg, 10%); + } + + :backdrop & { + color: $backdrop_base_color; + background-color: if($variant=='light', $selected_bg_color, + mix($backdrop_fg_color, $backdrop_base_color, 50%)); + } + + &.button { + background-color: transparent; + color: transparentize($_entry_tag_color, 0.3); + } + + :not(:backdrop) &.button { + &:hover { + border: 1px solid $_entry_tag_bg; + color: $_entry_tag_color; + } + &:active { + background-color: $_entry_tag_bg; + color: transparentize($_entry_tag_color, 0.3); + } + } +} + +/****************************************************** + * Buttons * + ******************************************************/ +// stuff for .needs-attention + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)); + } +} + +%button, +button { + + + + @at-root %button_basic, & { + + min-height: $button_min_height; + min-width: $button_min_width; + padding: $_btn_pad; + border: $button_border; + border-radius: $button_radius; + transition: $button_transition; + margin: 1px; + + @include button(); + + // flat buttons have been removed, so no attention to .flat class will be payed + + &.image-button { + min-width: 24px; + padding-left: $_img_btn_pad; + padding-right: $_img_btn_pad; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + @at-root %button_basic_drop_active, + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + &.small-button { + padding: 0px; + min-height: 10px; + min-width: 10px; + } + + // big standalone buttons like in Documents pager + &.osd { + + @include button($osd_button_bg_color, mix($osd_fg_color, $osd_bg_color, 80%), $osd_button_bg_color, $osd_fg_color); + min-width: 26px; + min-height: 32px; + + &.image-button { min-width: 34px; } + + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + + @include button($osd_button_bg_color, mix($osd_fg_color, $osd_bg_color, 80%), $osd_button_bg_color, $osd_fg_color); + + &:disabled { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + &, &.osd { + $button_type_bg_color: mix($b_color, $button_bg, 50%); + + @include button($button_type_bg_color); + &:disabled { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + .osd & { + @include button($button_type_bg_color); + &:disabled { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + } + } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + + &.text-button { + // compensate text-button paddings + padding-left: 10px; + padding-right: 10px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + + &:active, + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + //specificity hell.... I'm sure there's a better way! + stackswitcher > &, stackswitcher.linked > &, stackswitcher.linked:not(.vertical) > &, .stack-switcher > & { + &, + &:first-child, &:last-child, + &:not(:first-child), &:not(:last-child), + &:dir(ltr):not(:first-child), &:dir(ltr):not(:last-child), + &:dir(rtl):not(:first-child), &:dir(rtl):not(:last-child), + &.radio { + margin: 5px; + border-radius: 9999px; + border-width: $button_border_width; + border-style: solid; + } + &.text-button { min-width: 80px; } + &.circular, &.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + } + } + + + // hide separators + //&.font, + //&.file { separator { background-color: transparent; }} + + &.font { > box > box > label { font-weight: bold; }} + + // inline-toolbar buttons + .inline-toolbar & { @extend %linked; } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows + + .linked > & { @extend %linked; } + + .linked.vertical > & { @extend %linked_vertical; } + + &.circular { // The Bloody Circul Button + border-radius: 9999px; + -gtk-outline-radius: 9999px; + padding: $_circ_btn_pad; /* circles instead of ellipses */ + + label { padding: 0; } + + // the followind code is needed since we use a darker bottom border on buttons, which looks pretty + // bad with a 100% border radius (see https://bugzilla.gnome.org/show_bug.cgi?id=771205 for details), + // so on relevant states we an additional background-image with a gradient clipped on the border-box, + // so setting a transparent border would reveal it. + + $_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%); + + + } + &.radio { + border-radius: 9999px; + } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant=='light',0.5,0.45); + + + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar toolbutton > button { // redefining the button look is + // special style removed +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton { + > button.flat { @extend %linked_middle; } + + &:first-child > button.flat { @extend %linked_left; } + + &:last-child > button.flat { @extend %linked_right; } + + &:only-child > button.flat { @extend %linked_only_child; } +} + +%linked_middle { + //border-right-style: none; + border-radius: 0; + -gtk-outline-radius: 0; + margin-right: 0; + margin-left: 0; +} + +%linked_left { + border-top-left-radius: $button_radius; + border-bottom-left-radius: $button_radius; + -gtk-outline-top-left-radius: $button_radius; + -gtk-outline-bottom-left-radius: $button_radius; + margin-right: 0; +} + +%linked_right { + //border-right-style: solid; + border-top-right-radius: $button_radius; + border-bottom-right-radius: $button_radius; + -gtk-outline-top-right-radius: $button_radius; + -gtk-outline-bottom-right-radius: $button_radius; + margin-left: 0; +} + +%linked_only_child { + //border-style: solid; + border-radius: $button_radius; + -gtk-outline-radius: $button_radius; +} + +// .linked assumes Box, which reverses nodes in RTL, so 1st child is always left +%linked { + @extend %linked_middle; + + &:first-child { @extend %linked_left; } + &:last-child { @extend %linked_right; } + + &:only-child { @extend %linked_only_child; } +} + +// Other widgets use widget child order, so 1st/last child are at text start/end +%linked_flippable { + @extend %linked_middle; + + &:dir(ltr) { + &:first-child { @extend %linked_left; } + &:last-child { @extend %linked_right; } + } + + &:dir(rtl) { + &:first-child { @extend %linked_right; } + &:last-child { @extend %linked_left; } + } + + &:only-child { @extend %linked_only_child; } +} + +%linked_vertical_middle { + //border-style: solid solid none solid; + border-radius: 0; + -gtk-outline-radius: 0; + margin-top:0; + margin-bottom:0; +} + +%linked_vertical_top { + border-top-left-radius: $button_radius; + border-top-right-radius: $button_radius; + -gtk-outline-top-left-radius: $button_radius; + -gtk-outline-top-right-radius: $button_radius; + margin-bottom:0; +} + +%linked_vertical_bottom { + //border-bottom-style: solid; + border-bottom-left-radius: $button_radius; + border-bottom-right-radius: $button_radius; + -gtk-outline-bottom-left-radius: $button_radius; + -gtk-outline-bottom-right-radius: $button_radius; + margin-top:0; +} + +%linked_vertical_only_child { + //border-style: solid; + border-radius: $button_radius; + -gtk-outline-radius: $button_radius; +} + +%linked_vertical { + @extend %linked_vertical_middle; + + &:first-child { @extend %linked_vertical_top; } + + &:last-child { @extend %linked_vertical_bottom; } + + &:only-child { @extend %linked_vertical_only_child; } +} + +%undecorated_button { + //nothing to see here +} + +/* menu buttons */ +//modelbutton.flat, //originally with the .flat class +//.menuitem.button.flat { +modelbutton, +.menuitem.button { + + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: $button_radius; + outline-offset: -2px; + border: 1px solid;// transparent; + transition: $button_transition; + @include button(); + &:selected { @extend %selected_items; } +} + +modelbutton.flat arrow { + @extend %button; + + //&:hover { @include button(hover); } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + padding: 4px; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { + //box-shadow: 0 1px _text_shadow_color(); + + //.osd & { box-shadow: none; } + } + } + + @if $variant == 'light' { + .osd &, & { + &:disabled, + &:backdrop, + &:active, + &:checked { colorswatch:only-child { + //box-shadow: none; + }} + } + } +} + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { + +} + +/********* + * Links * + *********/ + +%link, +*:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $link_visited_color, 60%); } + } + + &:hover { + $_fg: lighten($link_color, 10%); + color: $_fg; + + *:selected & { color: mix($selected_fg_color, $_fg, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } + } + + &:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color, 100%), 0.2); } + + &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }} + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } +} + +button:link, +button:visited { + @extend %link; + + + > label { + @extend %link; + text-decoration-line: underline; + } +} + + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + + %spinbutton_horz_entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + + &:backdrop:disabled { background-color: transparent; } + } + + entry { + @extend %spinbutton_horz_entry; + } + + //this instead of the big removed part. Just to make things easier, though it may not be as beautiful. + button { + padding: 0; + } + + + } + + // OSD horizontal + .osd &:not(.vertical) { + entry { + @extend %spinbutton_horz_entry; + } + + + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + } + + button { + min-height: 32px; + min-width: 32px; + padding: 0; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-radius: $button_radius $button_radius 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 $button_radius $button_radius; + border-style: none solid solid solid; + } + } + + // OSD vertical + .osd &.vertical button:first-child { + + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + entry { + min-height: 0; + padding: 1px 2px; + } + } + font-feature-settings: "tnum"; +} + + +/************** + * ComboBoxes * + **************/ +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked_right; } + &:dir(rtl) { @extend %linked_left; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic_drop_active; } + } +} + +// the combo is a composite widget so the way we do button linking doesn't +// work, special case needed. See +// https://bugzilla.gnome.org/show_bug.cgi?id=733979 + +.linked:not(.vertical) > combobox > box > button.combo { @extend %linked_middle; } +.linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked_left; } +.linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked_right; } +.linked:not(.vertical) > combobox:only-child > box > button.combo { @extend %linked_only_child; } + +.linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical_top; } +.linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical_bottom; } +.linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical_only_child; } + + +/************ + * Toolbars * + ************/ +%toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; +} + +toolbar { + @extend %toolbar; + + padding: 4px 3px 3px 4px; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal separator { margin: 0 7px 1px 6px; } + &.vertical separator { margin: 6px 1px 7px 0; } + + &:not(.inline-toolbar):not(.osd) { + // workaround: add margins to the children of tool items to simulate + // spacing, ignore the overflow button (.toggle) and the overflow menu + // (.popup) + > *:not(.toggle):not(.popup) > * { + margin-right: 1px; + margin-bottom: 1px; + } + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend %toolbar; + + @extend %darkbar; + + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; +} + +searchbar > revealer > box, +.location-bar { + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; + padding: 3px; +} + +searchbar > revealer > box { + // workaround: undo the GtkContainer:border-width and use CSS padding instead + margin: -6px; + padding: 6px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + + +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar { + padding: 0 6px; + min-height: $_headerbar_height; + border-width: 0 0 1px; + border-style: solid; + border-color: $alt_borders_color; + border-radius: 0; + color: $titlebar_active_fg; + + @include headerbar_fill($titlebar_active_bg); + + &:backdrop { + border-color: $backdrop_borders_color; + //background-color: $bg_color; + //background-image: none; + //box-shadow: inset 0 1px $top_hilight; + @include headerbar_fill($titlebar_backdrop_bg); + color: $titlebar_backdrop_fg; + + transition: $backdrop_transition; + } + + .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + /* Darken switchbuttons for headerbars. issue #1588 */ //removed + + button { + $button_headerbar_bg: mix($titlebar_active_fg, $titlebar_active_bg, 10%); + @include button($button_headerbar_bg, $titlebar_active_fg); + &:backdrop:not(:checked) { + $button_headerbar_bd_bg: mix($titlebar_backdrop_fg, $titlebar_backdrop_bg, 10%); + @include button($button_headerbar_bd_bg, $titlebar_backdrop_fg); + } + } + + .selection-mode &, + &.selection-mode { + $_hc: mix($top_hilight, $suggested_bg_color, 50%); // hilight color + + color: $selected_fg_color; + border-color: $suggested_border_color; + //text-shadow: 0 -1px transparentize(black, 0.5); + + @include headerbar_fill($suggested_bg_color);//, $_hc); + + &:backdrop { + background-color: $suggested_bg_color; + background-image: none; + box-shadow: inset 0 1px mix($top_hilight, $suggested_bg_color, 60%); + + label { + text-shadow: none; + color: $selected_fg_color; + } + } + + .subtitle:link { @extend %link_selected; } + + button { + //won't style differently + } + + .selection-menu { + &:backdrop, & { + border-color: transparentize($suggested_bg_color, 1); + background-color: transparentize($suggested_bg_color, 1); + background-image: none; + box-shadow: none; + min-height: 20px; + padding: $_sel_menu_pad; + + arrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color,0.5); + -gtk-icon-shadow: none; + } + } + } + } + + // squared corners when the window is maximized, tiled, or fullscreen + .tiled &, + .tiled-top &, + .tiled-right &, + .tiled-bottom &, + .tiled-left &, + .maximized &, + .fullscreen & { + &:backdrop, & { + border-radius: 0; + } + } + + &.default-decoration { + min-height: 28px; + padding: 4px; + + button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + } + + + + //separator.titlebutton { opacity: 0; } /* hide the close button separator */ + + .solid-csd & { + &:backdrop, & { + &:dir(rtl), &:dir(ltr) { // specificity bump + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; + } + } + } +} + +headerbar { + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator:not(.sidebar), + button { + margin-top: $_hb_btn_pad; + margin-bottom: $_hb_btn_pad; + } + switch { + margin-top: $_switch_margin; + margin-bottom: $_switch_margin; + } + + &.titlebar headerbar:not(.titlebar) { + // Drop the background of non-titlebar nested headerbars. This is needed to + // work around headerbar sliding animation issues without refactoring + // Adwaita's support of titlebars and headerbars as it may break + // applications. + // See https://gitlab.gnome.org/GNOME/gtk/issues/1264 for more information. + background: none; + box-shadow: none; + } +} + +.background .titlebar { + &:backdrop, & { + border-top-left-radius: $window_radius; + border-top-right-radius: $window_radius; + } +} + +.background.tiled .titlebar, +.background.tiled-top .titlebar, +.background.tiled-right .titlebar, +.background.tiled-bottom .titlebar, +.background.tiled-left .titlebar, +.background.maximized .titlebar, +.background.solid-csd .titlebar { + &:backdrop, & { + border-top-left-radius: 0; + border-top-right-radius: 0; + } +} + +headerbar { // headerbar border rounding + + window separator:first-child + &, + window &:first-child { &:backdrop, & { border-top-left-radius: 7px; }} + window &:last-child { &:backdrop, & { border-top-right-radius: 7px; }} + + window stack & { // tackles the stacked headerbars case + &:first-child, &:last-child { + &:backdrop, & { + border-top-left-radius: 7px; + border-top-right-radius: 7px; + } + } + } + + window.tiled &, + window.tiled-top &, + window.tiled-right &, + window.tiled-bottom &, + window.tiled-left &, + window.maximized &, + window.fullscreen &, + window.solid-csd & { + &, &:backdrop { + &, + &:first-child, + &:last-child, + &:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + } +} + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + separator { background-color: $borders_color; } // FIXME: use darker border? + + @extend %titlebar; +} + +// Development versions of apps to use a differently styled headerbar + +window.devel { + headerbar.titlebar:not(.selection-mode) { + $c: darken($bg_color, 10%); + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.8)), + linear-gradient(to top, darken($c, 3%), $c 3px, lighten($c, 6%)); + @if $variant == 'dark' { + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.9)), + linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%)); + } + + background: $bg_color $gradient; + + &:backdrop { + background: $bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + image($bg_color); /* background-color would flash */ + } + } +} + +/************ + * Pathbars * + ************/ + +// GtkPathBar does not work with just .linked, so we must override that. But we +// can’t simply remove .linked from the widget as that might break other themes. +// Note also we select on filechooser to avoid interfering with NautilusPathBar. +filechooser .path-bar.linked > button { + @extend %linked_flippable; +} + +.path-bar button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} + + +/************** + * Tree Views * + **************/ + +$_treeview_borders_color: if($variant=='light',mix($borders_color, $base_color,80%),mix($fg_color, $base_color, 20%)); + +treeview.view { + @at-root * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + } + + border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + //border-radius: 0; + + @extend %selected_items; + } + + + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + min-height: 2px; + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, 0.9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + border-top: $backdrop_bg_color; + } + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($text_color, $base_color, 70%); + + &:hover { color: $text_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } + } + + &.progressbar { // progress bar in treeviews + @extend %scale_highlight; + } + + &.trough { // progress bar trough in treeviews + @extend %scale_trough; + } + + header { + button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %button; + // border: 1px solid transparent; + // border-right-color: $borders_color; + // border-bottom-color: $borders_color; + border-right-width: 0px; + border-radius: 0; + padding: 0px 3px; + margin: 0px; + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + //box-shadow: none; + + &:hover { + //@extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + //box-shadow: none; + //transition: none; //I shouldn't need this + } + + &:active { + //@extend %column_header_button; + + color: $fg_color; + //transition: none; //I shouldn't need this + } + &:last-child {border-right-width: 1px;} + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + + &:active, &:selected, &:hover, & { + @include button(); + //padding: 0 6px; + color: $selected_bg_color; //$base_color; + //background-image: none; + background-color: $selected_bg_color; + //border-style: none; + //border-radius: 0; + //box-shadow: inset 0 0 0 1px $base_color; + //text-shadow: none; + transition: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + +%column_header_button { + padding: 0 6px; + //background-image: none; + border-style: none solid solid none; + //border-color: $_treeview_borders_color; + border-radius: 0; + text-shadow: none; + + &:disabled { + border-color: $bg_color; + background-image: none; + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + + &:last-child { border-right-style: none; } +} + + + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + //box-shadow: inset 0 -1px transparentize(black, 0.9); + + //&:backdrop { background-color: $backdrop_bg_color; } + + > menuitem { + min-height: 16px; + padding: 4px 8px; + border: 1px solid transparent; + border-radius: $button_radius; + transition: $button_transition; + + + // remove padding and rounding from menubar submenus + menu { + &:dir(rtl), &:dir(ltr) { // specificity bump + border-radius: 0; + padding: 0; + } + } + + &:hover, &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:disabled { color: $insensitive_fg_color; } + + + } + + // remove padding and rounding from menubar submenu decoration + .csd.popup decoration {border-radius:0;} +} + +// Needed to make the border-radius of menus work +// otherwise the background bleeds out of the menu edges +.background.popup { background-color: transparent; } + +menu, +.menu, +.context-menu { + margin: 4px; // see https://bugzilla.gnome.org/show_bug.cgi?id=591258 + padding: 4px 0px; + background-color: $menu_color; + border: 1px solid $borders_color; // adds borders in a non composited env + transition: $button_transition; + + .csd & { + border: none; // axes borders in a composited env + border-radius: $menu_radius; + } + + //&:backdrop { background-color: $backdrop_menu_color; } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; + border: 1px solid transparent; + border-radius: $button_radius; + transition: $button_transition; + + &:hover, &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:disabled { color: $insensitive_fg_color; } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 10px; + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; }} + } + + // overflow arrows + > arrow { + + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: $menu_color; + border-radius: 0; + + &.top { + margin-top: -4px; + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + border-top-right-radius: $menu_radius; + border-top-left-radius: $menu_radius; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-top: 1px solid mix($fg_color, $base_color, 10%); + border-bottom-right-radius: $menu_radius; + border-bottom-left-radius: $menu_radius; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor,0.55); } + + check, + radio { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } +} + +/*************** + * Popovers * + ***************/ + +popover.background { + padding: 2px; + background-color: $popover_bg_color; + + .csd &, & { + border: 1px solid $borders_color; + border-radius: $popover_radius; + } + + .csd & { + $_popover_border: transparentize($fg_color,0.5); //if($variant=='light', transparentize(black, 0.77), transparentize(white, 0.77)); + + background-clip: padding-box; + border-color: $_popover_border; + } + + box-shadow: 0 1px 2px transparentize(black, 0.7); + + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + + button { @extend %osd_button }; + } + + &.osd { @extend %osd; } + } + + separator { margin: 3px; } + + list separator { margin: 0px; } +} + +/************* + * Notebooks * + *************/ + +@import '../common/notebook.scss'; + + +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 40px; + $_slider_width: 10px; + $_scrollbar_transition: all 300ms $ease-out-quad; + $_fine-tune_slider_border: $_slider_width - 3; //3672 + + + @at-root * { + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + } + + background-color: $scrollbar_bg_color; + transition: $_scrollbar_transition; + + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + trough { + @extend %scale_trough; + } + // slider + + slider { + @include slider(); + //@extend %button_basic; + padding: 0; + //background-image: none; + min-width: $_slider_width; + min-height: $_slider_width; + margin: 0px; + //border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + transition: $_scrollbar_transition; + @include draggable_bg_image($button_bg); + + &:hover { + background-color: $scrollbar_slider_hover_color; + color: desaturate($color: invert($scrollbar_slider_hover_color), $amount: 100%); + @include draggable_bg_image($scrollbar_slider_hover_color); + } + + &:hover:active, &:active { + background-color: $scrollbar_slider_active_color; + color: desaturate($color: invert($scrollbar_slider_active_color), $amount: 100%); + @include draggable_bg_image($scrollbar_slider_active_color); + } + + + + &:disabled { background-color: $insensitive_bg_color; } + } + + &.fine-tune { + slider { + //transition: none; + //min-width: $_fine-tune_slider_border+1; + //min-height: $_fine-tune_slider_border+1; + //margin: 0; + + &, &:hover, &:active {background-color: $hint_bg;} + + } + + //&.horizontal slider { border-width: $_fine-tune_slider_border 4px; } + //&.vertical slider { border-width: 4px $_fine-tune_slider_border; } + } + + + &.horizontal slider { + min-width: $_slider_min_length; + + } + + &.vertical slider { + min-height: $_slider_min_length; + + } + + // button styling + button { + padding: 0; + min-width: 12px; + min-height: 12px; + //border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + + + } + + // button icons + &.vertical { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + } + } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} + +/********** + * Switch * + **********/ +switch { + outline-offset: -4px; + + // similar to the .scale + //border: 1px solid $borders_color; + border-radius: 9999px; + color: $fg_color; + //background-color: $dark_fill; + text-shadow: 0 1px transparentize(black, 0.9); + @extend %scale_trough; + //@include _shadows(inset shadow()); + + &:checked { + color: $selected_fg_color; + //border-color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + text-shadow: none; + } + + + slider { + + margin: 1px; + min-width: 24px; + min-height: 24px; + border: 1px solid transparent; + border-radius: 50%; + transition: $button_transition; + -gtk-outline-radius: 20px; + @include slider(); + @include draggable_bg_image($button_bg); + } + + image { color: transparent; } /* only show i / o for the accessible theme */ + + &:hover > slider, &:hover:checked slider { + //@include button(hover); //what will happen to a hovering slider, then? + } + + &:checked > slider { + //@include button(checked) //what will happen to a checked switch slider, then? + } + + //&:disabled slider { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + + + + row:selected & { + @if $variant == 'light' { + //box-shadow: none; + //border-color: $checkradio_borders_color; + + + + //> slider { &:checked, & { border-color: $checkradio_borders_color; } } + } + } + +} + + +/************************* + * Check and Radio items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@import '../common/checkradios.scss'; + + + +/************ + * GtkScale * + ************/ + + @import '../common/scale.scss'; + + +/***************** + * Progress bars * + *****************/ + + //progress bar use some elements from gtkscale, such as trough and highlight + +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 5px; } + } + + &.vertical { + trough, + progress { min-width: 5px; } + } + + &.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border + &.vertical progress { margin: -1px 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + font-feature-settings: "tnum"; + + &:backdrop { + box-shadow: none; + transition: $backdrop_transition; + } + + trough { @extend %scale_trough; + } + + + progress { + @extend %scale_highlight; + + border-radius: 1.5px; + + &.left { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + + &.right { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + + &.top { + border-top-right-radius: 2px; + border-top-left-radius: 2px; + } + + &.bottom { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + } + + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + } + + progress { + border-style: none; + border-radius: 0; + } + } + + trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 +} + + +/************* + * Level Bar * + *************/ + +@import '../common/levelbar.scss'; + + + +/**************** + * Print dialog * +*****************/ +printdialog { + paper { + color: $fg_color; + border: 1px solid $borders_color; + background: white; + padding: 0; + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + } + } + + .dialog-action-box { margin: 12px; } +} + + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + + &:backdrop { border-color: $backdrop_borders_color; } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + + &:backdrop { + border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); + background-color: $backdrop_scrollbar_bg_color; + transition: $backdrop_transition; + } + } +} + +//vbox and hbox separators +separator { + background-color: transparentize(if($variant=='light', black, white), 0.9); + min-width: 1px; + min-height: 1px; +} + + +/********* + * Lists * + *********/ +list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + + row { padding: 2px; } +} + +@import '../common/row.scss'; + + + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + @extend %osd; + + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + &:backdrop { + background-image: none; + transition: $backdrop_transition; + } + + button { @extend %osd_button; } + + border { border: none; } +} + + +/************* + * Expanders * + *************/ +expander { + title > arrow { + @extend %button; + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + //&:hover { color: lighten($fg_color,30%); } //only lightens the arrow + //&:disabled { color: $insensitive_fg_color; } + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} + + +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + + &:selected { + @extend %selected_items; + + border-radius: 3px; + } + + &.header { + border-bottom-color: transparentize(black, 0.9); + + &:backdrop { border-bottom-color: transparentize(black, 0.9); } + } + + &.button { + @extend %undecorated_button; + + color: transparentize($fg_color, 0.55); + + &:hover { color: $fg_color; } + + &:backdrop { color: transparentize($backdrop_fg_color,0.55); } + + &:disabled { color: transparentize($insensitive_fg_color,0.55); } + } + + &.highlight { + color: $insensitive_fg_color; + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + } + + &:indeterminate { color: gtkalpha(currentColor, 0.1); } +} + + +/*********** + * Dialogs * + ***********/ +messagedialog { // Message Dialog styling + .titlebar { + min-height: 20px; + background-image: none; + background-color: $bg_color; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: $window_radius+1; + border-bottom-right-radius: $window_radius+1; + } + + .dialog-action-area button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-right-style: none; + border-bottom-style: none; + border-radius: 0; + -gtk-outline-radius: 0; + + &:first-child { + border-left-style: none; + border-bottom-left-radius: $button_radius + 2; + -gtk-outline-bottom-left-radius: $button_radius + 2; + } + + &:last-child { + border-bottom-right-radius: $button_radius + 2; + -gtk-outline-bottom-right-radius: $button_radius + 2; + } + } + } +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: mix($bg_color, $base_color, 50%); + + &:not(separator) { + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + &.sidebar { + &:dir(ltr), + &.left, + &.left:dir(rtl) { list { @extend %sidebar_left; }} + + &:dir(rtl), + &.right { list { @extend %sidebar_right; }} + } + + row { + padding: 10px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + + background-size: 6px 6px, 0 0; + } + } +} + +separator.sidebar { + background-color: $borders_color; + + &:backdrop { + background-color: $backdrop_borders_color; + } + + &.selection-mode, + .selection-mode & { + background-color: darken($suggested_bg_color, 20%); + } +} + + +/**************** + * File chooser * + ****************/ +$_placesidebar_icons_opacity: 1; + +row image.sidebar-icon { opacity: $_placesidebar_icons_opacity; } // dim the sidebar icons + // see bug #786613 for details + // on this oddity + +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 36px; + padding: 0px; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + &:selected { color: $selected_fg_color; } + + &:disabled { color: $insensitive_fg_color; } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { color: $backdrop_selected_fg_color; } + + &:disabled { color: $backdrop_insensitive_color; } + } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic; + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } +} + + +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 0.5rem; + min-height: 0.5rem; + -gtk-icon-source: none; // defeats the ugly default handle decoration + @include draggable_bg_image($button_bg); + background-size: 0.5rem; //to overwrite, because separetor is thinner + border: none; //1px solid transparent; // just to be sure + background-color: $borders_color; + //background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + //background-image: image($borders_color); + //background-size: 1px 1px; + + //&:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + //&:backdrop { background-image: image($backdrop_borders_color); } + &:hover {box-shadow: inset 0 0 0 1px $selected_bg_color;} //with box-shadow so it is a even thinner + &.wide { + min-width: 0.75rem; + min-height: 0.75rem; + //background-color: $bg_color; + //background-image: image($borders_color), image($borders_color); + //background-size: 1px 1px, 1px 1px; + + + } + } + + &.horizontal > separator { + //background-repeat: repeat-y; + + &:dir(ltr) { + //margin: 0 -8px 0 0; + //padding: 0 8px 0 0; + //background-position: left; + } + &:dir(rtl) { + //margin: 0 0 0 -8px; + //padding: 0 0 0 8px; + //background-position: right; + } + + &.wide { + //margin: 0; + //padding: 0; + //background-repeat: repeat-y, repeat-y; + //background-position: left, right; + } + } + + &.vertical > separator { + //margin: 0 0 -8px 0; + //padding: 0 0 8px 0; + //background-repeat: repeat-x; + //background-position: top; + + &.wide { + //margin: 0; + //padding: 0; + //background-repeat: repeat-x, repeat-x; + //background-position: bottom, top; + } + } +} + + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; + + &.action:hover > revealer > box { + //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), + // desaturate(darken(invert($selected_bg_color),42%), 70%)); + border-bottom: 1px solid lighten($borders_color, 5%); + } + + &.info, + &.question, + &.warning, + &.error { + &:backdrop > revealer > box, & > revealer > box { + label, & { color: $fg_color; } + $_bg_info_bar: desaturate(invert($selected_bg_color), 30%); //actually, it would be nice that each different type had its colors... + + @if $variant == 'light' { $_bg_info_bar: if(lightness($_bg_info_bar) < 50%, lighten($_bg_info_bar, 30%), $_bg_info_bar);} + @else {$_bg_info_bar: if(lightness($_bg_info_bar) > 50%, darken($_bg_info_bar, 30%), $_bg_info_bar);} + + background-color: $_bg_info_bar; + border-bottom: 1px solid lighten($borders_color, 5%); + } + + text-shadow: none; + + //it would be nice if buttons were the same color as the bar + + selection { background-color: darken($bg_color, 10%); } + + *:link { color: $link_color; } + } +} + + +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: transparentize($hint_bg, 0.1); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this suble border is meant to + // not make the tooltip melt with + // very dark backgrounds + } + + //padding: 4px; /* not working */ + border-radius: 5px; + //box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: none; + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + * { // Yeah this is ugly + //padding: 4px; + background-color: transparent; + color: $hint_fg; + } +} + + +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark { + outline-color: transparentize(white, 0.4); + + overlay { + color: white; + + //&:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } + + //&:backdrop { color: transparentize(white, 0.5); } + } + } + + &.light { + outline-color: transparentize(black, 0.4); + + overlay { + color: black; + + //&:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } + + //&:backdrop { color: transparentize(black, 0.5); } + } + } + + &:drop(active) { + box-shadow: none; + + &.light overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + + &:hover { + //box-shadow: inset 0 1px transparentize(white, 0.6), + // inset 0 -1px transparentize(black, 0.8); + @include button(); + } + } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + @include button(); + + } + } + + &:disabled { + opacity: 0.5; + + overlay { + border-color: $insensitive_bg_color; + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + overlay { border-radius: 4.5px; } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } + +/******** + * Misc * + ********/ +//content view (grid/list) +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-effect: highlight; } + + &:backdrop { background-color: darken($bg_color,7%); } + + rubberband, .rubberband { @extend rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + +// .osd & button.flat { //FIXME: quick hack, redo properly +// border-style: none; +// border-radius: 5px; +// } + +// button { // +/- buttons on GtkVolumeButton popup +// &:hover { +// @extend %undecorated_button; +// background-color: transparentize($fg_color,0.9); +// border-radius: 5px; +// } + +// &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} +// } +} + + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: $window_radius $window_radius 0 0; + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + + box-shadow: $window_bs; + + // FIXME rationalize shadows + + // this is used for the resize cursor area + margin: 10px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: $window_backdrop_bs; + transition: $backdrop_transition; + } + + .maximized &, + .fullscreen & { border-radius: 0; box-shadow: none; } + + .tiled &, + .tiled-top &, + .tiled-right &, + .tiled-bottom &, + .tiled-left & { + border-radius: 0; + box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 2px 6px 2px transparentize(black, 0.3), + 0 0 0 20px transparent; //transparent control workaround -- #3670 + + &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 2px 6px 2px transparentize(black, 0.6), + 0 0 0 20px transparent; // #3670 + } + } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + // just doing borders, wm draws actual shadows + .ssd & { box-shadow: 0 0 0 1px $_wm_border; } + .ssd &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop; } + + .csd.popup & { + border-radius: $menu_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + tooltip.csd & { + border-radius: 5px; + box-shadow: 0 3px 4px transparentize(black, 0.3); //none; + } + + messagedialog.csd & { + border-radius: $window_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + .solid-csd & { + margin: 0; + padding: 4px; + background-color: $borders_color; + border: solid 1px $borders_color; + border-radius: 0; + box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); + + &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } + } +} + +// Window Close button +button.titlebutton { + //@extend %button_basic; + + //&:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} + + //@include _button_text_shadow; + + &:not(.appmenu) { + //border-radius: 9999px; + padding: $_hb_btn_pad; + margin: 0 2px; + min-width: 0; + min-height: 0; + //@include button(normal, $titlebar_active_bg, $titlebar_active_fg);//, white); + //text-shadow: 0 0 2px #303030; + //-gtk-icon-shadow: 0 0 2px #303030; + //&:hover {@include button(hover, $titlebar_active_bg, $titlebar_active_fg);}//, white);} + //&:active {@include button(active, $titlebar_active_bg, $titlebar_active_fg);}//, white);} + &:backdrop { + //@include button(normal, $titlebar_backdrop_bg, $titlebar_backdrop_fg);//, white); + background-image: none; + //text-shadow: 0 0 2px #303030; + //-gtk-icon-shadow: 0 0 2px #303030; + //&:hover {@include button(hover, $titlebar_active_bg, $titlebar_backdrop_fg);}//, white);} + //&:active {@include button(active, $titlebar_active_bg, $titlebar_backdrop_fg);}//, white);} + } + } + &.close { + //background-color: $error_color; color: white; + + padding-right: 12px; + padding-left: 12px; + &:not(:backdrop) { + $close_button_bg: desaturate(mix($error_color, $titlebar_active_bg),15%); + @include button($close_button_bg);//, white, none, radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0))); + } + } + .selection-mode & { + //@extend %selection_mode_button_flat; + + @extend %nobg_selected_items; + } + + //&:backdrop { -gtk-icon-shadow: none; } +} + +.selection-mode headerbar button.titlebutton, +.selection-mode .titlebar button.titlebutton, +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + //@include _button_text_shadow(white, $suggested_bg_color); + + &:backdrop { -gtk-icon-shadow: none; } +} + +// catch all extend :) +//here used to be %selected_items {...} + + + +.monospace { font-family: monospace; } + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above + +@import '../common/cursor-handle.scss'; + +.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + +// shortcut window keys +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + + &:backdrop { + background-color: $backdrop_base_color; + color: $backdrop_fg_color; + transition: $backdrop_transition; + } +} + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + caret-color: $drop_target_color; +} + + + +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/* Dropshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0,0,0,0.05), + 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/********* + * Emoji * + ********/ + +popover.emoji-picker { + padding-left: 0; + padding-right: 0; + + entry.search { margin: 3px 5px 5px 5px; } +} + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + + margin: 2px 4px 2px 4px; + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; + + outline-offset: -5px; + + &:first-child { margin-left: 7px; } + &:last-child { margin-right: 7px; } + + &:backdrop:not(:checked) { border-color: transparent; } + &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); } + &:checked { border-color: $selected_bg_color; } + + label { + padding: 0; + + opacity: 0.55; + } + + &:hover label { opacity: 0.775; } + &:checked label { opacity: 1; } +} + +popover.emoji-picker .emoji { + font-size: x-large; + padding: 6px; + + :hover { + background: $selected_bg_color; + border-radius: 6px; + } +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion contents row box { + padding: 2px 10px; +} + +popover.emoji-completion .emoji:hover { + background: $popover_hover_color; +} + +@import '../common/undershoot.scss'; + +@import '../common/stack_switcher.scss'; diff --git a/source/gtk3/_drawing.scss b/source/gtk3/_drawing.scss new file mode 100644 index 0000000..eba2ccf --- /dev/null +++ b/source/gtk3/_drawing.scss @@ -0,0 +1,120 @@ +// Drawing mixins + +// generic drawing of more complex things + +//to allow some common mixins to know whether they've been called for a gtk3 or gtk4 widget, because there are some things that are different. +$gtk: 3; + + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @if $c == none { @return none; } + @else { @return 0 1px $c; } +} + +@mixin _shadows($list...) { +// +// Helper mixin to stack up to box-shadows; +// + $shadows: null; + + @each $shadow in $list { + @if $shadow!=none { $shadows: $shadows, $shadow; } + } + + box-shadow: $shadows; +} + +// entries +@function entry_focus_border($fc:$selected_bg_color) { + //@if $variant == 'light' { @return $fc; } + //@else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } + @return $fc; +} + +@function entry_focus_shadow($fc:$selected_bg_color) { @return inset 0 0 0 1px $fc; } + +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + $_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); + $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + $_entry_edge: if($edge == none, none, _widget_edge($edge)); + $_hilight_color: _button_hilight_color($bg_color); + + @if $t==normal { + color: $text_color; + border-color: mix($text_color,$base_color, 20%);//$borders_color; + background-color: $base_color; + @include _shadows(inset shadow(normal), inset shadow(transparent)); + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if t==hover { //gtk apparently does not create :hover on entries!?! + border-color: gtkalpha($fc, 0.5); + } + @if $t==focus { + @include _shadows(inset shadow(normal), inset shadow(glow-small, $fc)); + //border-color: entry_focus_border($fc); + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: mix($insensitive_fg_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + } + + @if $t==osd { + border-color: mix($osd_text_color,$osd_bg_color, 20%);//$borders_color; + color: $osd_text_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + @include _shadows(inset shadow(normal), inset shadow(glow, $osd_text_color)); + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: mix($osd_borders_color, $osd_insensitive_bg_color); + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +// buttons + + + +@import "../common/buttons.scss"; + + + + + +@import '../common/overshoot.scss'; + + +/*************************** + * Check and Radio buttons * + ***************************/ + + + + diff --git a/source/gtk3/assets.svg b/source/gtk3/assets.svg new file mode 100644 index 0000000..7177e37 --- /dev/null +++ b/source/gtk3/assets.svg @@ -0,0 +1,2134 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets.txt b/source/gtk3/assets.txt new file mode 100644 index 0000000..4b27b15 --- /dev/null +++ b/source/gtk3/assets.txt @@ -0,0 +1,60 @@ +text-select-end +text-select-end-hover +text-select-end-active +text-select-start +text-select-start-hover +text-select-start-active +text-select-end-dark +text-select-end-hover-dark +text-select-end-active-dark +text-select-start-dark +text-select-start-hover-dark +text-select-start-active-dark +slider-horz-scale-has-marks-below +slider-horz-scale-has-marks-below-hover +slider-horz-scale-has-marks-below-active +slider-horz-scale-has-marks-below-insensitive +slider-horz-scale-has-marks-below-backdrop +slider-horz-scale-has-marks-below-backdrop-insensitive +slider-vert-scale-has-marks-below +slider-vert-scale-has-marks-below-hover +slider-vert-scale-has-marks-below-active +slider-vert-scale-has-marks-below-insensitive +slider-vert-scale-has-marks-below-backdrop +slider-vert-scale-has-marks-below-backdrop-insensitive +slider-horz-scale-has-marks-above +slider-horz-scale-has-marks-above-hover +slider-horz-scale-has-marks-above-active +slider-horz-scale-has-marks-above-insensitive +slider-horz-scale-has-marks-above-backdrop +slider-horz-scale-has-marks-above-backdrop-insensitive +slider-vert-scale-has-marks-above +slider-vert-scale-has-marks-above-hover +slider-vert-scale-has-marks-above-active +slider-vert-scale-has-marks-above-insensitive +slider-vert-scale-has-marks-above-backdrop +slider-vert-scale-has-marks-above-backdrop-insensitive +slider-horz-scale-has-marks-below-dark +slider-horz-scale-has-marks-below-hover-dark +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-insensitive-dark +slider-horz-scale-has-marks-below-backdrop-dark +slider-horz-scale-has-marks-below-backdrop-insensitive-dark +slider-vert-scale-has-marks-below-dark +slider-vert-scale-has-marks-below-hover-dark +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-insensitive-dark +slider-vert-scale-has-marks-below-backdrop-dark +slider-vert-scale-has-marks-below-backdrop-insensitive-dark +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-above-hover-dark +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-insensitive-dark +slider-horz-scale-has-marks-above-backdrop-dark +slider-horz-scale-has-marks-above-backdrop-insensitive-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-above-hover-dark +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-insensitive-dark +slider-vert-scale-has-marks-above-backdrop-dark +slider-vert-scale-has-marks-above-backdrop-insensitive-dark diff --git a/source/gtk3/assets/bullet-symbolic.svg b/source/gtk3/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/source/gtk3/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/bullet-symbolic.symbolic.png b/source/gtk3/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/source/gtk3/assets/bullet-symbolic.symbolic.png differ diff --git a/source/gtk3/assets/check-symbolic.svg b/source/gtk3/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/source/gtk3/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/check-symbolic.symbolic.png b/source/gtk3/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/source/gtk3/assets/check-symbolic.symbolic.png differ diff --git a/source/gtk3/assets/dash-symbolic.svg b/source/gtk3/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/source/gtk3/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/dash-symbolic.symbolic.png b/source/gtk3/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/source/gtk3/assets/dash-symbolic.symbolic.png differ diff --git a/source/gtk3/assets/draggable-black.svg b/source/gtk3/assets/draggable-black.svg new file mode 100644 index 0000000..8d4c086 --- /dev/null +++ b/source/gtk3/assets/draggable-black.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/draggable-white.svg b/source/gtk3/assets/draggable-white.svg new file mode 100644 index 0000000..8713d00 --- /dev/null +++ b/source/gtk3/assets/draggable-white.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/draggable.svg b/source/gtk3/assets/draggable.svg new file mode 100644 index 0000000..1b2ff23 --- /dev/null +++ b/source/gtk3/assets/draggable.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..c02396e Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..2ff6efe Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..53729ec Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d73ff53 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..921509f Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..d157e60 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..52aa71d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..100b0c3 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..74d848d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..01e0e53 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..070f181 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..d0b0441 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..f989dc6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..e1bec6f Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..21c55c3 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..611ed7e Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above.png b/source/gtk3/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..de5300d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..456f291 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..b6b677b Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..9f5528d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..4e86277 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..de34cd2 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..4c69d36 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..6cef847 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..194f018 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..bb3ea01 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..554a2c5 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..fb4389a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..0c7657f Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..7995532 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below.png b/source/gtk3/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..bdee580 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..5eaf319 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..b23980e Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..65e0b5b Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..c0e6d91 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d4ae2b0 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..043cbfc Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..1d39dc4 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..cb33a8a Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..65f43d8 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..e13ef9f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..6478902 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..0f0a1dc Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..818d99f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d7ce409 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..42eb655 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..253f354 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..0ad203e Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above.png b/source/gtk3/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..a367f6c Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..b0c6af5 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..99fcf80 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..8a4b17f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..73f9625 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..3730223 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..1f4fcbd Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..7e7d4e3 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..d114a49 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..3e27d1d Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..e875feb Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..5e09e4f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..00491aa Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..692a8e9 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..25ce994 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..9befc69 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below.png b/source/gtk3/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..c8141d9 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..7dce35e Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/source/gtk3/assets/text-select-end-active-dark.png b/source/gtk3/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..7bfab5c Binary files /dev/null and b/source/gtk3/assets/text-select-end-active-dark.png differ diff --git a/source/gtk3/assets/text-select-end-active-dark@2.png b/source/gtk3/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..0a827e4 Binary files /dev/null and b/source/gtk3/assets/text-select-end-active-dark@2.png differ diff --git a/source/gtk3/assets/text-select-end-active.png b/source/gtk3/assets/text-select-end-active.png new file mode 100644 index 0000000..3b954a8 Binary files /dev/null and b/source/gtk3/assets/text-select-end-active.png differ diff --git a/source/gtk3/assets/text-select-end-active@2.png b/source/gtk3/assets/text-select-end-active@2.png new file mode 100644 index 0000000..d405276 Binary files /dev/null and b/source/gtk3/assets/text-select-end-active@2.png differ diff --git a/source/gtk3/assets/text-select-end-dark.png b/source/gtk3/assets/text-select-end-dark.png new file mode 100644 index 0000000..e2a49e1 Binary files /dev/null and b/source/gtk3/assets/text-select-end-dark.png differ diff --git a/source/gtk3/assets/text-select-end-dark@2.png b/source/gtk3/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..20e6f04 Binary files /dev/null and b/source/gtk3/assets/text-select-end-dark@2.png differ diff --git a/source/gtk3/assets/text-select-end-hover-dark.png b/source/gtk3/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..d8565f3 Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover-dark.png differ diff --git a/source/gtk3/assets/text-select-end-hover-dark@2.png b/source/gtk3/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..552cc81 Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover-dark@2.png differ diff --git a/source/gtk3/assets/text-select-end-hover.png b/source/gtk3/assets/text-select-end-hover.png new file mode 100644 index 0000000..98f2c96 Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover.png differ diff --git a/source/gtk3/assets/text-select-end-hover@2.png b/source/gtk3/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..951b6ef Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover@2.png differ diff --git a/source/gtk3/assets/text-select-end.png b/source/gtk3/assets/text-select-end.png new file mode 100644 index 0000000..f1dfb6b Binary files /dev/null and b/source/gtk3/assets/text-select-end.png differ diff --git a/source/gtk3/assets/text-select-end@2.png b/source/gtk3/assets/text-select-end@2.png new file mode 100644 index 0000000..0f01173 Binary files /dev/null and b/source/gtk3/assets/text-select-end@2.png differ diff --git a/source/gtk3/assets/text-select-start-active-dark.png b/source/gtk3/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..b4fb025 Binary files /dev/null and b/source/gtk3/assets/text-select-start-active-dark.png differ diff --git a/source/gtk3/assets/text-select-start-active-dark@2.png b/source/gtk3/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..99e495e Binary files /dev/null and b/source/gtk3/assets/text-select-start-active-dark@2.png differ diff --git a/source/gtk3/assets/text-select-start-active.png b/source/gtk3/assets/text-select-start-active.png new file mode 100644 index 0000000..654c770 Binary files /dev/null and b/source/gtk3/assets/text-select-start-active.png differ diff --git a/source/gtk3/assets/text-select-start-active@2.png b/source/gtk3/assets/text-select-start-active@2.png new file mode 100644 index 0000000..86f9e16 Binary files /dev/null and b/source/gtk3/assets/text-select-start-active@2.png differ diff --git a/source/gtk3/assets/text-select-start-dark.png b/source/gtk3/assets/text-select-start-dark.png new file mode 100644 index 0000000..51fb98a Binary files /dev/null and b/source/gtk3/assets/text-select-start-dark.png differ diff --git a/source/gtk3/assets/text-select-start-dark@2.png b/source/gtk3/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..ec6ceca Binary files /dev/null and b/source/gtk3/assets/text-select-start-dark@2.png differ diff --git a/source/gtk3/assets/text-select-start-hover-dark.png b/source/gtk3/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..4f56c37 Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover-dark.png differ diff --git a/source/gtk3/assets/text-select-start-hover-dark@2.png b/source/gtk3/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..3e5fecc Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover-dark@2.png differ diff --git a/source/gtk3/assets/text-select-start-hover.png b/source/gtk3/assets/text-select-start-hover.png new file mode 100644 index 0000000..0fc7e6d Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover.png differ diff --git a/source/gtk3/assets/text-select-start-hover@2.png b/source/gtk3/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..11fdf08 Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover@2.png differ diff --git a/source/gtk3/assets/text-select-start.png b/source/gtk3/assets/text-select-start.png new file mode 100644 index 0000000..71a74d0 Binary files /dev/null and b/source/gtk3/assets/text-select-start.png differ diff --git a/source/gtk3/assets/text-select-start@2.png b/source/gtk3/assets/text-select-start@2.png new file mode 100644 index 0000000..3a831f6 Binary files /dev/null and b/source/gtk3/assets/text-select-start@2.png differ diff --git a/source/gtk3/gtk-contained-dark.css b/source/gtk3/gtk-contained-dark.css new file mode 100644 index 0000000..32b7fb9 --- /dev/null +++ b/source/gtk3/gtk-contained-dark.css @@ -0,0 +1,2037 @@ +/*************************** Check and Radio buttons * */ +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #15539e; } + +/*************** Base States * */ +.background { color: #eeeeec; background-color: #353535; } + +.background:backdrop { color: #919190; background-color: #353535; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #eeeeec; background-color: #353535; } + +.gtkstyle-fallback:hover { color: #eeeeec; background-color: #4e4e4e; } + +.gtkstyle-fallback:active { color: #eeeeec; background-color: #1b1b1b; } + +.gtkstyle-fallback:disabled { color: #919190; background-color: #323232; } + +.gtkstyle-fallback:selected { color: #ffffff; background-color: #15539e; } + +.view, iconview, .view text, iconview text, textview text { color: white; background-color: #2d2d2d; } + +.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d6d6d6; background-color: #303030; } + +.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #5b5b5b; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #919190; background-color: #323232; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } + +textview border { background-color: #313131; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:backdrop { background-color: #232323; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #15539e; } + +.content-view .tile:disabled { background-color: #323232; } + +label { caret-color: currentColor; } + +label selection { background-color: #15539e; color: #ffffff; } + +label:disabled { color: #919190; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #5b5b5b; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #2d2d2d; border-top: 1px solid #1b1b1b; } + +assistant .sidebar:backdrop { background-color: #303030; border-color: #202020; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #5a5a59; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.9); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #919190; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #15539e; border-color: #030c17; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; box-shadow: none; } + +spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d6d6d6; border-color: #202020; background-color: #303030; box-shadow: none; transition: 200ms ease-out; } + +spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; box-shadow: none; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #1a0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #1a0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #432100; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #432100; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } + +spinbutton:not(.vertical) image, entry image { color: #c7c7c6; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #15539e; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #7e7e7d; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +.osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #15539e; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #15539e; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #15539e; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #030c17; } + +.linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + entry, .linked:not(.vertical) > entry.error:focus + button, .linked:not(.vertical) > entry.error:focus + combobox > box > button.combo, .linked:not(.vertical) > entry.error:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry.error:focus + entry { border-left-color: #1a0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #282828; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #2b2b2b; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #282828; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #030c17; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry.error:focus:not(:only-child), .linked.vertical > entry + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry.error:focus:not(:only-child) { border-top-color: #1a0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4e9a06; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #030c17; } + +.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #1a0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #2d2d2d; background-color: #8e8e8d; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #a7a7a7; } + +:backdrop .entry-tag { color: #303030; background-color: #606060; } + +.entry-tag.button { background-color: transparent; color: rgba(45, 45, 45, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #8e8e8d; color: #2d2d2d; } + +:not(:backdrop) .entry-tag.button:active { background-color: #8e8e8d; color: rgba(45, 45, 45, 0.7); } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#1f76e1), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#15539e), to(transparent)); } } + +button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, 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; transition: none; } + +button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-effect: highlight; } + +notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { 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; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919190; border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +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 { color: #919190; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd.image-button { min-width: 34px; } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:disabled:backdrop, button.osd:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +.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 button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd 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; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { 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; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action.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; color: #15539e; } + +button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099, #1655a2 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d0ddec; border-color: #0f3b71; background-image: image(#15539e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #d0dae5; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6885aa; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { 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; color: rgba(21, 83, 158, 0.8); } + +button.suggested-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a1b2c7; border-color: #0f3b71; background-image: image(#143f73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#15539e); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; border-bottom-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); text-shadow: 0 -1px rgba(0, 0, 0, 0.686275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.686275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action.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; color: #b2161d; } + +button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; border-bottom-color: #570b0e; background-image: linear-gradient(to top, #ae151c, #b7161d 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.638275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.638275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; background-image: image(#8a1116); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f0d0d2; border-color: #851015; background-image: image(#b2161d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #e8d0d2; border-color: #851015; background-image: image(#8c161c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #b5686b; border-color: #851015; background-image: image(#8c161c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { 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; color: rgba(178, 22, 29, 0.8); } + +button.destructive-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #851015; background-image: image(#84151a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.stack-switcher > button { outline-offset: -3px; } + +.stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } + +.stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + +.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } + +button.font separator, button.file separator { background-color: transparent; } + +button.font > box > box > label { font-weight: bold; } + +.primary-toolbar button { -gtk-icon-shadow: none; } + +button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + +button.circular label { padding: 0; } + +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535), linear-gradient(to top, #070707 25%, #1b1b1b 50%); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px), linear-gradient(to top, #070707 25%, #1b1b1b 50%); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1f76e1), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.834353)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } + +.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #919190; border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } + +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #424242; } + +modelbutton.flat arrow { background: none; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { border: 1px solid rgba(27, 27, 27, 0.5); } + +list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #3584e4; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #1b6acb; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #a4c4ea; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #629fea; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #eff5fd; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #3584e4; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #d7e6fa; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(141, 141, 141, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(53, 132, 228, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #d7e6fa; } + +button:link, button:visited { text-shadow: none; } + +button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } + +spinbutton:not(.vertical) button:disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) button:backdrop { color: #878786; background-color: transparent; border-color: rgba(32, 32, 32, 0.3); transition: 200ms ease-out; } + +spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(91, 91, 91, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } + +spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) button { 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; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) button:hover { 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; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:backdrop { 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; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:disabled { 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; color: #8a8a89; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #919190; } + +spinbutton.vertical:backdrop:disabled { color: #5b5b5b; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + +.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #353535; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.9); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #1b1b1b; background-color: #2d2d2d; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #070707; border-radius: 0; background: #1b1b1b linear-gradient(to top, #262626, #2b2b2b); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #353535; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#1e1e1e); border-color: #141414; border-top-color: #070707; } + +.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #030c17; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #15539e linear-gradient(to top, #185cb0, #1961b9); box-shadow: inset 0 1px rgba(29, 88, 161, 0.535); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #15539e; background-image: none; box-shadow: inset 0 1px rgba(32, 91, 162, 0.442); } + +.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: #ffffff; } + +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.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; } + +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099, #1655a2 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button:backdrop { color: #d0ddec; border-color: #0f3b71; background-image: image(#15539e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button.flat:backdrop:active, .selection-mode headerbar button.flat:backdrop:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #d0dae5; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button.flat:backdrop:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button.flat:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled { color: #6a8bb5; border-color: #0f3b71; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6885aa; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { 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; } + +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #8ca6c6; border-color: #0f3b71; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.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: #a1b2c7; border-color: #0f3b71; background-image: image(#143f73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #030c17; } + +.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 { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(21, 83, 158, 0); background-color: rgba(21, 83, 158, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #1b1b1b; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 83, 158, 0.1)), linear-gradient(to top, #232323 3px, #282828); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#353535); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #8e8e8d; border-top-color: #353535; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #8aa9ce; border-top-color: rgba(238, 238, 236, 0.1); } + +treeview.view:disabled { color: #919190; } + +treeview.view:disabled:selected { color: #7398c5; } + +treeview.view:disabled:selected:backdrop { color: #4f7aaf; } + +treeview.view:disabled:backdrop { color: #5b5b5b; } + +treeview.view.separator { min-height: 2px; color: #353535; } + +treeview.view.separator:backdrop { color: rgba(53, 53, 53, 0.1); } + +treeview.view:backdrop { border-left-color: #636362; border-top: #353535; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #030c17; } + +treeview.view.after:drop(active) { border-top-style: none; } + +treeview.view.before:drop(active) { border-bottom-style: none; } + +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: silver; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: white; } + +treeview.view.expander:selected { color: #b9cbe2; } + +treeview.view.expander:selected:hover { color: #ffffff; } + +treeview.view.expander:selected:backdrop { color: #9cafc5; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #747473; } + +treeview.view.progressbar { background-color: #15539e; background-image: image(#15539e); box-shadow: none; } + +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#2d2d2d); } + +treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; } + +treeview.view.progressbar:backdrop { border-color: #303030; background-image: none; box-shadow: none; } + +treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } + +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #0f3b71; } + +treeview.view header button { color: #8e8e8d; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; } + +treeview.view header button:hover { color: #bebebd; box-shadow: none; transition: none; } + +treeview.view header button:active { color: #eeeeec; transition: none; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #2d2d2d; background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; } + +treeview.view acceleditor > label { background-color: #15539e; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #545453; border-radius: 0; text-shadow: none; } + +treeview.view header button:disabled { border-color: #353535; background-image: none; } + +treeview.view header button:backdrop { color: #636362; border-color: #353535; border-style: none solid solid none; background-image: none; background-color: #303030; } + +treeview.view header button:backdrop:disabled { border-color: #353535; background-image: none; } + +treeview.view header button:last-child { border-right-style: none; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar:backdrop, .menubar:backdrop { background-color: #353535; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #15539e; color: #3584e4; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #919190; box-shadow: none; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #2f2f2f; border: 1px solid #1b1b1b; } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #313131; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } + +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #15539e; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #919190; } + +menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #5b5b5b; } + +menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #919190; background-color: transparent; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { 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; min-height: 16px; min-width: 16px; padding: 4px; background-color: #2f2f2f; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #404040; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #404040; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #404040; } + +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #313131; } + +menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } + +menuitem accelerator { color: alpha(currentColor,0.55); } + +menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #353535; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #1b1b1b; border-radius: 9px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } + +popover.background:backdrop { background-color: #353535; box-shadow: none; } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #1b1b1b; border-width: 1px; background-color: #282828; } + +notebook > header:backdrop { border-color: #202020; background-color: #2e2e2e; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1b1b1b; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #15539e; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1b1b1b; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #15539e; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1b1b1b; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #15539e; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #1b1b1b; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #15539e; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { 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; } + +notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header tab:hover { color: #eeeeec; background-color: #2b2b2b; } + +notebook > header tab.reorderable-page:hover { border-color: rgba(27, 27, 27, 0.3); background-color: rgba(53, 53, 53, 0.2); } + +notebook > header tab:backdrop { color: #6c6c6c; } + +notebook > header tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } + +notebook > header tab:checked { color: #eeeeec; } + +notebook > header tab.reorderable-page:checked { border-color: rgba(27, 27, 27, 0.5); background-color: rgba(53, 53, 53, 0.5); } + +notebook > header tab.reorderable-page:checked:hover { background-color: rgba(53, 53, 53, 0.7); } + +notebook > header tab:backdrop:checked { color: #919190; } + +notebook > header tab.reorderable-page:backdrop:checked { border-color: #202020; background-color: #353535; } + +notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header tab button.flat:hover { color: currentColor; } + +notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } + +notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #2d2d2d; } + +notebook > stack:not(:only-child):backdrop { background-color: #303030; } + +/************** Scrollbars * */ +scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } + +scrollbar.top { border-bottom: 1px solid #1b1b1b; } + +scrollbar.bottom { border-top: 1px solid #1b1b1b; } + +scrollbar.left { border-right: 1px solid #1b1b1b; } + +scrollbar.right { border-left: 1px solid #1b1b1b; } + +scrollbar:backdrop { background-color: #2d2d2d; border-color: #202020; transition: 200ms ease-out; } + +scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar slider:hover { background-color: #c9c9c7; } + +scrollbar slider:hover:active { background-color: #1b6acb; } + +scrollbar slider:backdrop { background-color: #5a5a59; } + +scrollbar slider:disabled { background-color: transparent; } + +scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } + +scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } + +scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { margin: 1px 2px; min-width: 5px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { margin: 2px 1px; min-height: 5px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; 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; color: #a4a4a3; } + +scrollbar button:hover { 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; color: #c9c9c7; } + +scrollbar button:active, scrollbar button:checked { 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; color: #1b6acb; } + +scrollbar button:disabled { 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; color: rgba(164, 164, 163, 0.2); } + +scrollbar button:backdrop { 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; color: #5a5a59; } + +scrollbar button:backdrop:disabled { 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; color: rgba(90, 90, 89, 0.2); } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border: 1px solid #1b1b1b; border-radius: 14px; color: #eeeeec; background-color: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } + +switch:checked { color: #ffffff; border-color: #030c17; background-color: #1b6acb; text-shadow: 0 1px rgba(3, 12, 23, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } + +switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; } + +switch:backdrop { color: #919190; border-color: #202020; background-color: #2e2e2e; text-shadow: none; transition: 200ms ease-out; } + +switch:backdrop:checked { border-color: #030c17; background-color: #1b6acb; } + +switch:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; } + +switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #111111; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); background-image: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch image { color: transparent; } + +switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #111111; background-image: linear-gradient(to bottom, #444444 20%, #3a3a3a 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #030c17; } + +switch:disabled slider { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop slider { transition: 200ms ease-out; color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop:checked > slider { border-color: #030c17; } + +switch:backdrop:disabled slider { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #737373; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #737373; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check:only-child, radio:only-child { margin: 0; } + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #424242 20%, #353535 90%); border-color: #070707; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #4c4c4c 10%, #3f3f3f 90%); } + +check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } + +check:backdrop, radio:backdrop { background-image: image(#353535); box-shadow: none; color: #eeeeec; } + +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #1f76e1 20%, #1b6acb 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #3181e3 10%, #1e74dd 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked:backdrop, radio:checked:backdrop { background-image: image(#1b6acb); box-shadow: none; color: #ffffff; } + +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #1f76e1 20%, #1b6acb 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #3181e3 10%, #1e74dd 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#1b6acb); box-shadow: none; color: #ffffff; } + +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:backdrop, radio:backdrop { transition: 200ms ease-out; } + +.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +menu menuitem check, menu menuitem radio { margin: 0; } + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } + +/************ GtkScale * */ +progressbar trough, scale fill, scale trough { border: 1px solid #1b1b1b; border-radius: 3px; background-color: #282828; } + +progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #323232; } + +progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #2e2e2e; border-color: #202020; transition: 200ms ease-out; } + +progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #323232; } + +row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #030c17; } + +.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(58, 58, 57, 0.5); } + +progressbar progress, scale highlight { border: 1px solid #030c17; border-radius: 3px; background-color: #15539e; } + +progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } + +progressbar progress:backdrop, scale highlight:backdrop { border-color: #030c17; } + +progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #030c17; } + +.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale fill, scale highlight { margin: -1px; } + +scale slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune slider { margin: -6px; } + +scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill:backdrop, scale fill { background-color: #1b1b1b; } + +scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } + +scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); background-image: linear-gradient(to bottom, #2d2d2d 20%, #262626 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid black; 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 { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; background-image: linear-gradient(to bottom, #353535 20%, #2b2b2b 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale slider:active { border-color: #030c17; } + +scale slider:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop { transition: 200ms ease-out; color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +row:selected scale slider:disabled, row:selected scale slider { border-color: #030c17; } + +.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #262626; } + +.osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #262626; } + +.osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #262626; } + +.osd scale slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #262626; } + +.osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #262626; } + +.osd scale slider:backdrop:disabled { background-color: #262626; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.fine-tune indicator { min-height: 3px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.fine-tune indicator { min-width: 3px; } + +scale.horizontal.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#1b1b1b); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal block { min-height: 1px; } + +levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + +levelbar.vertical block { min-width: 1px; } + +levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + +levelbar:backdrop { transition: 200ms ease-out; } + +levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } + +levelbar trough:backdrop { color: #d6d6d6; border-color: #202020; background-color: #303030; box-shadow: none; } + +levelbar block { border: 1px solid; border-radius: 1px; } + +levelbar block.low { border-color: #f57900; background-color: #f57900; } + +levelbar block.low:backdrop { border-color: #f57900; } + +levelbar block.high, levelbar block:not(.empty) { border-color: #15539e; background-color: #15539e; } + +levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #15539e; } + +levelbar block.full { border-color: #26ab62; background-color: #26ab62; } + +levelbar block.full:backdrop { border-color: #26ab62; } + +levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } + +levelbar block.empty:backdrop { border-color: rgba(145, 145, 144, 0.15); } + +/**************** Print dialog * */ +printdialog paper { color: #eeeeec; border: 1px solid #1b1b1b; background: white; padding: 0; } + +printdialog paper:backdrop { color: #919190; border-color: #202020; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #1b1b1b; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #202020; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #1b1b1b; } + +actionbar > revealer > box:backdrop { border-color: #202020; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #1b1b1b 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #313131; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #202020 1px, transparent 1px); background-color: #2d2d2d; transition: 200ms ease-out; } + +separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: white; background-color: #2d2d2d; border-color: #1b1b1b; } + +list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; } + +list row { padding: 2px; } + +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row:hover { transition: none; } + +row:backdrop { transition: 200ms ease-out; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:backdrop:hover { background-color: transparent; } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #2b62a6; } + +row.activatable:selected:backdrop { background-color: #15539e; } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.9); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:hover { color: white; } + +expander title > arrow:disabled { color: #919190; } + +expander title > arrow:disabled:backdrop { color: #5b5b5b; } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: white; border: 1px solid #1b1b1b; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(238, 238, 236, 0.45); } + +calendar.button:hover { color: #eeeeec; } + +calendar.button:backdrop { color: rgba(145, 145, 144, 0.45); } + +calendar.button:disabled { color: rgba(145, 145, 144, 0.45); } + +calendar.highlight { color: #919190; } + +calendar.highlight:backdrop { color: #5b5b5b; } + +calendar:backdrop { color: #d6d6d6; border-color: #202020; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #353535; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #1b1b1b; } + +filechooser .dialog-action-box:backdrop { border-top-color: #202020; } + +filechooser #pathbarbox { border-bottom: 1px solid #353535; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #313131; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid #1b1b1b; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #1b1b1b; border-right-style: none; } + +.sidebar:backdrop { background-color: #323232; border-color: #202020; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #1b1b1b; } + +separator.sidebar:backdrop { background-color: #202020; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #092444; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #ffffff; } + +placessidebar row:disabled { color: #919190; } + +placessidebar row:backdrop { color: #919190; } + +placessidebar row:backdrop:selected { color: #d6d6d6; } + +placessidebar row:backdrop:disabled { color: #5b5b5b; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #15539e; } + +placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + +placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#1b1b1b); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#15539e); } + +paned > separator:backdrop { background-image: image(#202020); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #353535; background-image: image(#1b1b1b), image(#1b1b1b); background-size: 1px 1px, 1px 1px; } + +paned > separator.wide:backdrop { background-color: #353535; background-image: image(#202020), image(#202020); } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { background-color: #3e3b37; border-bottom: 1px solid #282828; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #44403b; border-bottom: 1px solid #282828; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } + +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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1b1b1b; } + +infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1b1b1b; } + +infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #1b1b1b; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #3584e4; } + +/************ Tooltips * */ +tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } + +tooltip decoration { background-color: transparent; } + +tooltip * { padding: 4px; background-color: transparent; color: white; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.dark overlay:hover { border-color: #1b1b1b; } + +colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch.light overlay:hover { border-color: #1b1b1b; } + +colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #4e9a06; } + +colorswatch.dark:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #4e9a06; } + +colorswatch overlay { border: 1px solid #1b1b1b; } + +colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #1b1b1b; box-shadow: none; } + +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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #232323; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #232323; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } + +decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: none; } + +messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #1b1b1b; border: solid 1px #1b1b1b; border-radius: 0; box-shadow: inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); } + +button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); } + +button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #15539e; } + +label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } + +label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #8aa9ce; } + +label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d6d6d6; } + +label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #4f7aaf; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #2d2d2d; border: 1px solid; border-color: #1b1b1b; border-radius: 5px; box-shadow: inset 0 -3px #222222; font-size: smaller; } + +.keycap:backdrop { background-color: #303030; color: #919190; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; } + +stackswitcher button.text-button { min-width: 100px; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } + +button.emoji-section:checked { border-color: #15539e; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #15539e; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: #424242; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eeeeec; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #353535; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2d2d2d; +/* +base background color of selections */ +@define-color theme_selected_bg_color #15539e; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #323232; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #919190; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #2d2d2d; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #919190; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #353535; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303030; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #15539e; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #5b5b5b; +/* +widgets main borders color */ +@define-color borders #1b1b1b; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #202020; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #26ab62; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#eeeeec, 1.8); +@define-color wm_unfocused_title #919190; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(238, 238, 236, 0.07); +@define-color wm_bg_a shade(#353535, 1.2); +@define-color wm_bg_b #353535; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#353535, 1.3); +@define-color wm_button_hover_color_b #353535; +@define-color wm_button_active_color_a shade(#353535, 0.85); +@define-color wm_button_active_color_b shade(#353535, 0.89); +@define-color wm_button_active_color_c shade(#353535, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #2d2d2d; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e1e; diff --git a/source/gtk3/gtk-contained-dark.scss b/source/gtk3/gtk-contained-dark.scss new file mode 100644 index 0000000..6e57539 --- /dev/null +++ b/source/gtk3/gtk-contained-dark.scss @@ -0,0 +1,6 @@ +$variant: 'dark'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk3/gtk-contained.css b/source/gtk3/gtk-contained.css new file mode 100644 index 0000000..729b1fc --- /dev/null +++ b/source/gtk3/gtk-contained.css @@ -0,0 +1,2053 @@ +/*************************** Check and Radio buttons * */ +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #3584e4; } + +/*************** Base States * */ +.background { color: #2e3436; background-color: #f6f5f4; } + +.background:backdrop { color: #929595; background-color: #f6f5f4; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #2e3436; background-color: #f6f5f4; } + +.gtkstyle-fallback:hover { color: #2e3436; background-color: white; } + +.gtkstyle-fallback:active { color: #2e3436; background-color: #dfdcd8; } + +.gtkstyle-fallback:disabled { color: #929595; background-color: #faf9f8; } + +.gtkstyle-fallback:selected { color: #ffffff; background-color: #3584e4; } + +.view, iconview, .view text, iconview text, textview text { color: black; background-color: #ffffff; } + +.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #323232; background-color: #fcfcfc; } + +.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #d4cfca; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #929595; background-color: #faf9f8; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } + +textview border { background-color: #fbfafa; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #1b6acb; background-color: rgba(27, 106, 203, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:backdrop { background-color: transparent; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +label { caret-color: currentColor; } + +label selection { background-color: #3584e4; color: #ffffff; } + +label:disabled { color: #929595; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #d4cfca; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #ffffff; border-top: 1px solid #cdc7c2; } + +assistant .sidebar:backdrop { background-color: #fcfcfc; border-color: #d5d0cc; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #cecece; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.9); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #929595; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #3584e4; border-color: #3584e4; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; box-shadow: none; } + +spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; border-color: #d5d0cc; background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; } + +spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; box-shadow: none; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #cc0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #cc0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #f57900; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } + +spinbutton:not(.vertical) image, entry image { color: #585d5e; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #2e3436; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #3584e4; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #a7aaaa; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +.osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #3584e4; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #3584e4; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(71, 71, 71, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #3584e4; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #3584e4; } + +.linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + entry, .linked:not(.vertical) > entry.error:focus + button, .linked:not(.vertical) > entry.error:focus + combobox > box > button.combo, .linked:not(.vertical) > entry.error:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry.error:focus + entry { border-left-color: #cc0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0eeed; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #f1efee; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0eeed; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #3584e4; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry.error:focus:not(:only-child), .linked.vertical > entry + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry.error:focus:not(:only-child) { border-top-color: #cc0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4e9a06; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #3584e4; } + +.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #cc0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #ffffff; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #3584e4; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #629fea; } + +:backdrop .entry-tag { color: #fcfcfc; background-color: #3584e4; } + +.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #3584e4; color: #ffffff; } + +:not(:backdrop) .entry-tag.button:active { background-color: #3584e4; color: rgba(255, 255, 255, 0.7); } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3584e4), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)); } } + +button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, 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; transition: none; } + +button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +notebook > header > tabs > arrow:hover, button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-effect: highlight; } + +notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { 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; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #929595; border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +row:selected button { border-color: #185fb4; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +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 { color: #fcfcfc; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd.image-button { min-width: 34px; } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:disabled:backdrop, button.osd:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +.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 button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd 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; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { 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; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action.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; color: #3584e4; } + +button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #3584e4, #3987e5 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d7e6fa; border-color: #3584e4; background-image: image(#3584e4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #d5e6f9; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #78aced; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { 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; color: rgba(53, 132, 228, 0.8); } + +button.suggested-action:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #acccf4; border-color: #1b6acb; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#3584e4); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; border-bottom-color: #851015; background-image: linear-gradient(to top, #ce1921 2px, #e01b24); text-shadow: 0 -1px rgba(0, 0, 0, 0.606275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.606275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action.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; color: #e01b24; } + +button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; border-bottom-color: #851015; background-image: linear-gradient(to top, #e01b24, #e41c26 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.558275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.558275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; background-image: image(#a0131a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f9d1d3; border-color: #e01b24; background-image: image(#e01b24); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #f8d2d4; border-color: #dc1d27; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #e86c72; border-color: #dc1d27; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { 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; color: rgba(224, 27, 36, 0.8); } + +button.destructive-action:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #f1a5a8; border-color: #b2161d; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#e01b24); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.stack-switcher > button { outline-offset: -3px; } + +.stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } + +.stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + +.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } + +button.font separator, button.file separator { background-color: transparent; } + +button.font > box > box > label { font-weight: bold; } + +.primary-toolbar button { -gtk-icon-shadow: none; } + +button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + +button.circular label { padding: 0; } + +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4), linear-gradient(to top, #bfb8b1 25%, #cdc7c2 50%); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px), linear-gradient(to top, #bfb8b1 25%, #cdc7c2 50%); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label: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: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #929595; border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } + +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: white; } + +modelbutton.flat arrow { background: none; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +.osd button.color colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { border: 1px solid rgba(205, 199, 194, 0.5); } + +list row button.image-button:not(.flat):hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #1b6acb; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #15539e; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #a1bad8; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #3584e4; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #ebf3fc; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #1b6acb; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #d1e1f5; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(115, 115, 115, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(27, 106, 203, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #d1e1f5; } + +button:link, button:visited { text-shadow: none; } + +button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #43484a; background-image: none; border-style: none none none solid; border-color: rgba(205, 199, 194, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:hover { color: #2e3436; background-color: rgba(46, 52, 54, 0.05); } + +spinbutton:not(.vertical) button:disabled { color: rgba(146, 149, 149, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) button:backdrop { color: #9d9f9f; background-color: transparent; border-color: rgba(213, 208, 204, 0.3); transition: 200ms ease-out; } + +spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(212, 207, 202, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } + +spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) button { 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; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) button:hover { 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; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:backdrop { 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; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:disabled { 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; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #929595; } + +spinbutton.vertical:backdrop:disabled { color: #d4cfca; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + +.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #f6f5f4; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.9); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #cdc7c2; background-color: #eae7e5; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #bfb8b1; border-radius: 0; background: #dfdcd8 linear-gradient(to top, #dad6d2, #e1dedb); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #f6f5f4; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#cfcac4); border-color: #c6bfb9; border-top-color: #bab3ab; } + +.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #185fb4; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #3584e4 linear-gradient(to top, #2c7fe3, #3987e5); box-shadow: inset 0 1px rgba(134, 181, 239, 0.9); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #3584e4; background-image: none; box-shadow: inset 0 1px rgba(154, 194, 242, 0.88); } + +.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: #ffffff; } + +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.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; } + +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #3584e4, #3987e5 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button:backdrop { color: #d7e6fa; border-color: #3584e4; background-image: image(#3584e4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button.flat:backdrop:active, .selection-mode headerbar button.flat:backdrop:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #d5e6f9; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button.flat:backdrop:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button.flat:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled { color: #8fbbf0; border-color: #5396e8; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #78aced; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { 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; } + +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #a9cbf4; border-color: #1b6acb; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.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: #acccf4; border-color: #1b6acb; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.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: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #185fb4; } + +.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 { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(53, 132, 228, 0); background-color: rgba(53, 132, 228, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #cdc7c2; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(53, 132, 228, 0.2)), linear-gradient(to top, #d8d4d0, #dfdcd8 3px, #edebe9); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f6f5f4); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #979a9b; border-top-color: #f6f5f4; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #9ac2f2; border-top-color: rgba(46, 52, 54, 0.1); } + +treeview.view:disabled { color: #929595; } + +treeview.view:disabled:selected { color: #86b5ef; } + +treeview.view:disabled:selected:backdrop { color: #71a8eb; } + +treeview.view:disabled:backdrop { color: #d4cfca; } + +treeview.view.separator { min-height: 2px; color: #f6f5f4; } + +treeview.view.separator:backdrop { color: rgba(246, 245, 244, 0.1); } + +treeview.view:backdrop { border-left-color: #c4c5c5; border-top: #f6f5f4; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #185fb4; } + +treeview.view.after:drop(active) { border-top-style: none; } + +treeview.view.before:drop(active) { border-bottom-style: none; } + +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4d4d4d; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: black; } + +treeview.view.expander:selected { color: #c2daf7; } + +treeview.view.expander:selected:hover { color: #ffffff; } + +treeview.view.expander:selected:backdrop { color: #c1d8f5; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #b2b4b4; } + +treeview.view.progressbar { color: #ffffff; background-color: #3584e4; background-image: image(#3584e4); box-shadow: none; } + +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #3584e4; background-image: image(#ffffff); } + +treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #3584e4; background-color: #fcfcfc; } + +treeview.view.progressbar:backdrop { color: #fcfcfc; background-image: none; box-shadow: none; } + +treeview.view.trough { background-color: rgba(46, 52, 54, 0.1); } + +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); } + +treeview.view header button { color: #979a9b; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; } + +treeview.view header button:hover { color: #636769; box-shadow: none; transition: none; } + +treeview.view header button:active { color: #2e3436; transition: none; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #ffffff; background-image: none; background-color: #3584e4; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #ffffff; text-shadow: none; transition: none; } + +treeview.view acceleditor > label { background-color: #3584e4; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #d7d2ce; border-radius: 0; text-shadow: none; } + +treeview.view header button:disabled { border-color: #f6f5f4; background-image: none; } + +treeview.view header button:backdrop { color: #c4c5c5; border-color: #f6f5f4; border-style: none solid solid none; background-image: none; background-color: #fcfcfc; } + +treeview.view header button:backdrop:disabled { border-color: #f6f5f4; background-image: none; } + +treeview.view header button:last-child { border-right-style: none; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar:backdrop, .menubar:backdrop { background-color: #f6f5f4; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #3584e4; color: #1b6acb; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #929595; box-shadow: none; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #ffffff; border: 1px solid #cdc7c2; } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #fcfcfc; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } + +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #3584e4; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #929595; } + +menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d4cfca; } + +menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #929595; background-color: transparent; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { 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; min-height: 16px; min-width: 16px; padding: 4px; background-color: #ffffff; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #eaebeb; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #eaebeb; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #eaebeb; } + +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #fcfcfc; } + +menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } + +menuitem accelerator { color: alpha(currentColor,0.55); } + +menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #f6f5f4; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #cdc7c2; border-radius: 9px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } + +popover.background:backdrop { background-color: #f6f5f4; box-shadow: none; } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; } + +notebook > header:backdrop { border-color: #d5d0cc; background-color: #eae8e6; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #cdc7c2; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #3584e4; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #cdc7c2; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #3584e4; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #cdc7c2; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #3584e4; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #cdc7c2; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #3584e4; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { 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; } + +notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #2e3436; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header tab:hover { color: #2e3436; background-color: #edebe9; } + +notebook > header tab.reorderable-page:hover { border-color: rgba(205, 199, 194, 0.3); background-color: rgba(246, 245, 244, 0.2); } + +notebook > header tab:backdrop { color: #babbbb; } + +notebook > header tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } + +notebook > header tab:checked { color: #2e3436; } + +notebook > header tab.reorderable-page:checked { border-color: rgba(205, 199, 194, 0.5); background-color: rgba(246, 245, 244, 0.5); } + +notebook > header tab.reorderable-page:checked:hover { background-color: rgba(246, 245, 244, 0.7); } + +notebook > header tab:backdrop:checked { color: #929595; } + +notebook > header tab.reorderable-page:backdrop:checked { border-color: #d5d0cc; background-color: #f6f5f4; } + +notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header tab button.flat:hover { color: currentColor; } + +notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } + +notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #ffffff; } + +notebook > stack:not(:only-child):backdrop { background-color: #fcfcfc; } + +/************** Scrollbars * */ +scrollbar { background-color: #cecece; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } + +scrollbar.top { border-bottom: 1px solid #cdc7c2; } + +scrollbar.bottom { border-top: 1px solid #cdc7c2; } + +scrollbar.left { border-right: 1px solid #cdc7c2; } + +scrollbar.right { border-left: 1px solid #cdc7c2; } + +scrollbar:backdrop { background-color: #efedec; border-color: #d5d0cc; transition: 200ms ease-out; } + +scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar slider:hover { background-color: #565b5c; } + +scrollbar slider:hover:active { background-color: #1b6acb; } + +scrollbar slider:backdrop { background-color: #cecfce; } + +scrollbar slider:disabled { background-color: transparent; } + +scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } + +scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } + +scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #2e3436; border: 1px solid white; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #2e3436; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { margin: 1px 2px; min-width: 5px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { margin: 2px 1px; min-height: 5px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; 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; color: #7e8182; } + +scrollbar button:hover { 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; color: #565b5c; } + +scrollbar button:active, scrollbar button:checked { 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; color: #1b6acb; } + +scrollbar button:disabled { 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; color: rgba(126, 129, 130, 0.2); } + +scrollbar button:backdrop { 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; color: #cecfce; } + +scrollbar button:backdrop:disabled { 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; color: rgba(206, 207, 206, 0.2); } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #cdc7c2; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border: 1px solid #cdc7c2; border-radius: 14px; color: #2e3436; background-color: #e1dedb; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } + +switch:checked { color: #ffffff; border-color: #15539e; background-color: #3584e4; text-shadow: 0 1px rgba(24, 95, 180, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } + +switch:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; text-shadow: none; } + +switch:backdrop { color: #929595; border-color: #d5d0cc; background-color: #eae8e6; text-shadow: none; transition: 200ms ease-out; } + +switch:backdrop:checked { color: #f6f5f4; border-color: #15539e; background-color: #3584e4; } + +switch:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; } + +switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch image { color: transparent; } + +switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; background-image: linear-gradient(to bottom, white 10%, white 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #15539e; } + +switch:disabled slider { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop slider { transition: 200ms ease-out; color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop:checked > slider { border-color: #15539e; } + +switch:backdrop:disabled slider { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +row:selected switch { box-shadow: none; border-color: #15539e; } + +row:selected switch:backdrop { border-color: #15539e; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #15539e; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check:only-child, radio:only-child { margin: 0; } + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #bfb8b1; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #2e3436; } + +check:hover, radio:hover { background-image: image(#f2f2f2); } + +check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(46, 52, 54, 0.7); } + +check:backdrop, radio:backdrop { background-image: image(white); box-shadow: none; color: #2e3436; } + +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(46, 52, 54, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #3584e4; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked:backdrop, radio:checked:backdrop { background-image: image(#3584e4); box-shadow: none; color: #ffffff; } + +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #3584e4; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#3584e4); box-shadow: none; color: #ffffff; } + +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:backdrop, radio:backdrop { transition: 200ms ease-out; } + +row:selected check, row:selected radio { border-color: #15539e; } + +.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +menu menuitem check, menu menuitem radio { margin: 0; } + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #185fb4; } + +/************ GtkScale * */ +progressbar trough, scale fill, scale trough { border: 1px solid #cdc7c2; border-radius: 3px; background-color: #e1dedb; } + +progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #faf9f8; } + +progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #eae8e6; border-color: #d5d0cc; transition: 200ms ease-out; } + +progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #faf9f8; } + +row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #185fb4; } + +.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(71, 71, 71, 0.5); } + +progressbar progress, scale highlight { border: 1px solid #185fb4; border-radius: 3px; background-color: #3584e4; } + +progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } + +progressbar progress:backdrop, scale highlight:backdrop { border-color: #3584e4; } + +progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #185fb4; } + +.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale fill, scale highlight { margin: -1px; } + +scale slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune slider { margin: -6px; } + +scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill:backdrop, scale fill { background-color: #cdc7c2; } + +scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } + +scale slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #b8b0a8; 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 { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; background-image: linear-gradient(to bottom, white 10%, white 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale slider:active { border-color: #185fb4; } + +scale slider:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop { transition: 200ms ease-out; color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +row:selected scale slider:disabled, row:selected scale slider { border-color: #185fb4; } + +.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #353535; } + +.osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; } + +.osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; } + +.osd scale slider:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; } + +.osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; } + +.osd scale slider:backdrop:disabled { background-color: #353535; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.fine-tune indicator { min-height: 3px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.fine-tune indicator { min-width: 3px; } + +scale.horizontal.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-top: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-bottom: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { margin: -7px; margin-left: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { margin: -7px; margin-right: -11px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#cdc7c2); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(46, 52, 54, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal block { min-height: 1px; } + +levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + +levelbar.vertical block { min-width: 1px; } + +levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + +levelbar:backdrop { transition: 200ms ease-out; } + +levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); } + +levelbar trough:backdrop { color: #323232; border-color: #d5d0cc; background-color: #fcfcfc; box-shadow: none; } + +levelbar block { border: 1px solid; border-radius: 1px; } + +levelbar block.low { border-color: #8f4700; background-color: #f57900; } + +levelbar block.low:backdrop { border-color: #f57900; } + +levelbar block.high, levelbar block:not(.empty) { border-color: #15539e; background-color: #3584e4; } + +levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #3584e4; } + +levelbar block.full { border-color: #1d814a; background-color: #33d17a; } + +levelbar block.full:backdrop { border-color: #33d17a; } + +levelbar block.empty { background-color: transparent; border-color: rgba(46, 52, 54, 0.2); } + +levelbar block.empty:backdrop { border-color: rgba(146, 149, 149, 0.15); } + +/**************** Print dialog * */ +printdialog paper { color: #2e3436; border: 1px solid #cdc7c2; background: white; padding: 0; } + +printdialog paper:backdrop { color: #929595; border-color: #d5d0cc; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #cdc7c2; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #d5d0cc; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #cdc7c2; } + +actionbar > revealer > box:backdrop { border-color: #d5d0cc; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #cdc7c2 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #cecece; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #d5d0cc 1px, transparent 1px); background-color: #efedec; transition: 200ms ease-out; } + +separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: black; background-color: #ffffff; border-color: #cdc7c2; } + +list:backdrop { color: #323232; background-color: #fcfcfc; border-color: #d5d0cc; } + +list row { padding: 2px; } + +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row:hover { transition: none; } + +row:backdrop { transition: 200ms ease-out; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(46, 52, 54, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:backdrop:hover { background-color: transparent; } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #347cd3; } + +row.activatable:selected:backdrop { background-color: #3584e4; } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.9); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:hover { color: #748489; } + +expander title > arrow:disabled { color: #929595; } + +expander title > arrow:disabled:backdrop { color: #d4cfca; } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: black; border: 1px solid #cdc7c2; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(46, 52, 54, 0.45); } + +calendar.button:hover { color: #2e3436; } + +calendar.button:backdrop { color: rgba(146, 149, 149, 0.45); } + +calendar.button:disabled { color: rgba(146, 149, 149, 0.45); } + +calendar.highlight { color: #929595; } + +calendar.highlight:backdrop { color: #d4cfca; } + +calendar:backdrop { color: #323232; border-color: #d5d0cc; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #f6f5f4; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #cdc7c2; } + +filechooser .dialog-action-box:backdrop { border-top-color: #d5d0cc; } + +filechooser #pathbarbox { border-bottom: 1px solid #f6f5f4; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #fbfafa; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid #cdc7c2; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #cdc7c2; border-right-style: none; } + +.sidebar:backdrop { background-color: #f9f9f8; border-color: #d5d0cc; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #cdc7c2; } + +separator.sidebar:backdrop { background-color: #d5d0cc; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #15539e; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #ffffff; } + +placessidebar row:disabled { color: #929595; } + +placessidebar row:backdrop { color: #929595; } + +placessidebar row:backdrop:selected { color: #fcfcfc; } + +placessidebar row:backdrop:disabled { color: #d4cfca; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #3584e4; } + +placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + +placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#cdc7c2); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#3584e4); } + +paned > separator:backdrop { background-image: image(#d5d0cc); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f5f4; background-image: image(#cdc7c2), image(#cdc7c2); background-size: 1px 1px, 1px 1px; } + +paned > separator.wide:backdrop { background-color: #f6f5f4; background-image: image(#d5d0cc), image(#d5d0cc); } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { background-color: #f4ebe1; border-bottom: 1px solid #d8d4d0; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #f1e6d9; border-bottom: 1px solid #d8d4d0; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #2e3436; } + +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: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #dfdcd8; } + +infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #dfdcd8; } + +infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #2e3436; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #dfdcd8; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #1b6acb; } + +/************ Tooltips * */ +tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } + +tooltip decoration { background-color: transparent; } + +tooltip * { padding: 4px; background-color: transparent; color: white; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } + +colorswatch.dark:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } + +colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } + +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: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #e6e3e0; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #e6e3e0; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } + +decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: none; } + +messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #cdc7c2; border: solid 1px #cdc7c2; border-radius: 0; box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); } + +button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + +button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #3584e4; } + +label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } + +label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #9ac2f2; } + +label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #fcfcfc; } + +label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #71a8eb; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #2e3436; background-color: #ffffff; border: 1px solid; border-color: #e1dedb; border-radius: 5px; box-shadow: inset 0 -3px #f8f7f6; font-size: smaller; } + +.keycap:backdrop { background-color: #fcfcfc; color: #929595; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; } + +stackswitcher button.text-button { min-width: 100px; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: #cdc7c2; } + +button.emoji-section:checked { border-color: #3584e4; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #3584e4; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: white; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #2e3436; +/* +text color for entries, views and content in general */ +@define-color theme_text_color black; +/* +widget base background color */ +@define-color theme_bg_color #f6f5f4; +/* +text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* +base background color of selections */ +@define-color theme_selected_bg_color #3584e4; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #faf9f8; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #929595; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #929595; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color black; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f6f5f4; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #3584e4; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #d4cfca; +/* +widgets main borders color */ +@define-color borders #cdc7c2; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #d5d0cc; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#2e3436, 1.8); +@define-color wm_unfocused_title #929595; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#f6f5f4, 1.2); +@define-color wm_bg_b #f6f5f4; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#f6f5f4, 1.3); +@define-color wm_button_hover_color_b #f6f5f4; +@define-color wm_button_active_color_a shade(#f6f5f4, 0.85); +@define-color wm_button_active_color_b shade(#f6f5f4, 0.89); +@define-color wm_button_active_color_c shade(#f6f5f4, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; diff --git a/source/gtk3/gtk-contained.scss b/source/gtk3/gtk-contained.scss new file mode 100644 index 0000000..ee5e202 --- /dev/null +++ b/source/gtk3/gtk-contained.scss @@ -0,0 +1,12 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk3/gtk-dark.css b/source/gtk3/gtk-dark.css new file mode 100644 index 0000000..c22854d --- /dev/null +++ b/source/gtk3/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained-dark.css"); diff --git a/source/gtk3/gtk-new.css b/source/gtk3/gtk-new.css new file mode 100644 index 0000000..75bfa98 --- /dev/null +++ b/source/gtk3/gtk-new.css @@ -0,0 +1,1766 @@ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton:selected, .menuitem.button:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #75ff25; } + +.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton:selected, .menuitem.button:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #2a4606; } + +label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton:disabled:selected, .menuitem.button:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #7c675a; } + +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #CC0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: none; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 1px; -gtk-secondary-caret-color: #75ff25; } + +/*************** Base States * */ +.background { color: #EDF0F5; background-color: #3f3e3e; } + +.background:backdrop { color: #96979a; background-color: #3f3e3e; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #EDF0F5; background-color: #3f3e3e; } + +.gtkstyle-fallback:hover { color: #EDF0F5; background-color: #595757; } + +.gtkstyle-fallback:active { color: #EDF0F5; background-color: #252525; } + +.gtkstyle-fallback:disabled { color: #7c675a; background-color: #493e37; } + +.gtkstyle-fallback:selected { color: #2a4606; background-color: #75ff25; } + +.view, iconview, .view text, iconview text, textview text { color: #EDF0F5; background-color: #323232; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #7c675a; background-color: #493e37; } + +.view > :selected, iconview > :selected, .view text > :selected, iconview text > :selected, textview text > :selected { background-color: #75ff25; } + +textview border { background-color: #393838; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #58f100; background-color: rgba(88, 241, 0, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #75ff25; } + +.content-view .tile:disabled { background-color: #493e37; } + +label { caret-color: currentColor; } + +label selection { background-color: #75ff25; color: #2a4606; } + +label:disabled { color: #7c675a; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #666464; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #CC0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #323232; border-top: 1px solid #595757; } + +assistant .sidebar:backdrop { background-color: #353535; border-color: #545252; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #626263; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #66cbec; border: 1px solid #66cbec; background-color: rgba(32, 61, 121, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #96979a; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; padding-left: 1px; padding-right: 1px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #75ff25; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #7c675a; border-color: #635349; background-color: #493e37; } + +spinbutton.error:not(.vertical), entry.error { color: #CC0000; border-color: #CC0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #CC0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } + +spinbutton:not(.vertical) image, entry image { color: #c8cace; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #EDF0F5; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #75ff25; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #838386; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +.osd spinbutton:not(.vertical), .osd entry { border-color: rgba(54, 106, 157, 0.76); color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 3px 2px #66cbec; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #4384b3; border-color: rgba(86, 171, 210, 0.75); background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -0px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #75ff25; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:dir(rtl):not(.vertical), .linked:not(.vertical) > spinbutton:dir(ltr):not(.vertical), .linked:not(.vertical) > entry:dir(rtl), .linked:not(.vertical) > entry:dir(ltr), .linked:not(.vertical) > entry:first-child:dir(rtl), .linked:not(.vertical) > entry:first-child:dir(ltr), .linked:not(.vertical) > entry:last-child:dir(rtl), .linked:not(.vertical) > entry:last-child:dir(ltr), .linked:not(.vertical) > entry:only-child:dir(rtl), .linked:not(.vertical) > entry:only-child:dir(ltr) { border-radius: 0px; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #75ff25; } + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #CC0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #33d17a; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #3e3d3d; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #3e3d3d; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #75ff25; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #CC0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #75ff25; } + +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #CC0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; } + +spinbutton.error:not(.vertical), entry.error { color: #CC0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #323232; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #75ff25; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #323232; background-color: #909194; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #aaabad; } + +:backdrop .entry-tag { color: #353535; background-color: #656667; } + +.entry-tag.button { background-color: transparent; color: rgba(50, 50, 50, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #909194; color: #323232; } + +:not(:backdrop) .entry-tag.button:active { background-color: #909194; color: rgba(50, 50, 50, 0.7); } + +/****************************************************** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } } + +button.sidebar-button, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, button:hover, button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:hover image, notebook > header tabs > tab:hover image, notebook > header > tabs > arrow:hover image, treeview.view header button:hover image, modelbutton.flat arrow:hover image, expander title > arrow:hover arrow, notebook > header tabs > tab:hover arrow, notebook > header > tabs > arrow:hover arrow, treeview.view header button:hover arrow, modelbutton.flat arrow:hover arrow, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, expander title > arrow:focus image, notebook > header tabs > tab:focus image, notebook > header > tabs > arrow:focus image, treeview.view header button:focus image, modelbutton.flat arrow:focus image, expander title > arrow:focus arrow, notebook > header tabs > tab:focus arrow, notebook > header > tabs > arrow:focus arrow, treeview.view header button:focus arrow, modelbutton.flat arrow:focus arrow, button:hover, button:hover image, button:hover arrow, button:focus, button:focus image, button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, expander title > arrow.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, treeview.view header button.keyboard-activating, modelbutton.flat arrow.keyboard-activating, button:active, button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, expander title > arrow:selected, notebook > header tabs > tab:selected, notebook > header > tabs > arrow:selected, treeview.view header button:selected, modelbutton.flat arrow:selected, expander title > arrow.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header > tabs > arrow.has-open-popup, treeview.view header button.has-open-popup, modelbutton.flat arrow.has-open-popup, button:checked, button:selected, button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, expander title > arrow:checked image, notebook > header tabs > tab:checked image, notebook > header > tabs > arrow:checked image, treeview.view header button:checked image, modelbutton.flat arrow:checked image, expander title > arrow:checked arrow, notebook > header tabs > tab:checked arrow, notebook > header > tabs > arrow:checked arrow, treeview.view header button:checked arrow, modelbutton.flat arrow:checked arrow, expander title > arrow:selected, notebook > header tabs > tab:selected, notebook > header > tabs > arrow:selected, treeview.view header button:selected, modelbutton.flat arrow:selected, expander title > arrow:selected image, notebook > header tabs > tab:selected image, notebook > header > tabs > arrow:selected image, treeview.view header button:selected image, modelbutton.flat arrow:selected image, expander title > arrow:selected arrow, notebook > header tabs > tab:selected arrow, notebook > header > tabs > arrow:selected arrow, treeview.view header button:selected arrow, modelbutton.flat arrow:selected arrow, expander title > arrow.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header > tabs > arrow.has-open-popup, treeview.view header button.has-open-popup, modelbutton.flat arrow.has-open-popup, expander title > arrow.has-open-popup image, notebook > header tabs > tab.has-open-popup image, notebook > header > tabs > arrow.has-open-popup image, treeview.view header button.has-open-popup image, modelbutton.flat arrow.has-open-popup image, expander title > arrow.has-open-popup arrow, notebook > header tabs > tab.has-open-popup arrow, notebook > header > tabs > arrow.has-open-popup arrow, treeview.view header button.has-open-popup arrow, modelbutton.flat arrow.has-open-popup arrow, button:checked, button:checked image, button:checked arrow, button:selected, button:selected image, button:selected arrow, button.has-open-popup, button.has-open-popup image, button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header > tabs > arrow:checked:hover, modelbutton.flat arrow:checked:hover, expander title > arrow:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header > tabs > arrow:checked:focus, modelbutton.flat arrow:checked:focus, expander title > arrow:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header > tabs > arrow:selected:hover, modelbutton.flat arrow:selected:hover, expander title > arrow:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header > tabs > arrow:selected:focus, modelbutton.flat arrow:selected:focus, expander title > arrow.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:hover, expander title > arrow.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, modelbutton.flat arrow.has-open-popup:focus, button:checked:hover, button:checked:focus, button:selected:hover, button:selected:focus, button.has-open-popup:hover, button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +button.sidebar-button:checked:hover, button.sidebar-button:checked:hover image, button.sidebar-button:checked:hover arrow, button.sidebar-button:checked:focus, button.sidebar-button:checked:focus image, button.sidebar-button:checked:focus arrow, button.sidebar-button:selected:hover, button.sidebar-button:selected:hover image, button.sidebar-button:selected:hover arrow, button.sidebar-button:selected:focus, button.sidebar-button:selected:focus image, button.sidebar-button:selected:focus arrow, button.has-open-popup.sidebar-button:hover, button.has-open-popup.sidebar-button:hover image, button.has-open-popup.sidebar-button:hover arrow, button.has-open-popup.sidebar-button:focus, button.has-open-popup.sidebar-button:focus image, button.has-open-popup.sidebar-button:focus arrow, expander title > arrow:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header > tabs > arrow:checked:hover, modelbutton.flat arrow:checked:hover, expander title > arrow:checked:hover image, notebook > header tabs > tab:checked:hover image, notebook > header > tabs > arrow:checked:hover image, modelbutton.flat arrow:checked:hover image, expander title > arrow:checked:hover arrow, notebook > header tabs > tab:checked:hover arrow, notebook > header > tabs > arrow:checked:hover arrow, modelbutton.flat arrow:checked:hover arrow, expander title > arrow:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header > tabs > arrow:checked:focus, modelbutton.flat arrow:checked:focus, expander title > arrow:checked:focus image, notebook > header tabs > tab:checked:focus image, notebook > header > tabs > arrow:checked:focus image, modelbutton.flat arrow:checked:focus image, expander title > arrow:checked:focus arrow, notebook > header tabs > tab:checked:focus arrow, notebook > header > tabs > arrow:checked:focus arrow, modelbutton.flat arrow:checked:focus arrow, expander title > arrow:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header > tabs > arrow:selected:hover, modelbutton.flat arrow:selected:hover, expander title > arrow:selected:hover image, notebook > header tabs > tab:selected:hover image, notebook > header > tabs > arrow:selected:hover image, modelbutton.flat arrow:selected:hover image, expander title > arrow:selected:hover arrow, notebook > header tabs > tab:selected:hover arrow, notebook > header > tabs > arrow:selected:hover arrow, modelbutton.flat arrow:selected:hover arrow, expander title > arrow:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header > tabs > arrow:selected:focus, modelbutton.flat arrow:selected:focus, expander title > arrow:selected:focus image, notebook > header tabs > tab:selected:focus image, notebook > header > tabs > arrow:selected:focus image, modelbutton.flat arrow:selected:focus image, expander title > arrow:selected:focus arrow, notebook > header tabs > tab:selected:focus arrow, notebook > header > tabs > arrow:selected:focus arrow, modelbutton.flat arrow:selected:focus arrow, expander title > arrow.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:hover, expander title > arrow.has-open-popup:hover image, notebook > header tabs > tab.has-open-popup:hover image, notebook > header > tabs > arrow.has-open-popup:hover image, modelbutton.flat arrow.has-open-popup:hover image, expander title > arrow.has-open-popup:hover arrow, notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header > tabs > arrow.has-open-popup:hover arrow, modelbutton.flat arrow.has-open-popup:hover arrow, expander title > arrow.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, modelbutton.flat arrow.has-open-popup:focus, expander title > arrow.has-open-popup:focus image, notebook > header tabs > tab.has-open-popup:focus image, notebook > header > tabs > arrow.has-open-popup:focus image, modelbutton.flat arrow.has-open-popup:focus image, expander title > arrow.has-open-popup:focus arrow, notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header > tabs > arrow.has-open-popup:focus arrow, modelbutton.flat arrow.has-open-popup:focus arrow, button:checked:hover, button:checked:hover image, button:checked:hover arrow, button:checked:focus, button:checked:focus image, button:checked:focus arrow, button:selected:hover, button:selected:hover image, button:selected:hover arrow, button:selected:focus, button:selected:focus image, button:selected:focus arrow, button.has-open-popup:hover, button.has-open-popup:hover image, button.has-open-popup:hover arrow, button.has-open-popup:focus, button.has-open-popup:focus image, button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow:disabled, notebook > header tabs > tab:disabled, notebook > header > tabs > arrow:disabled, treeview.view header button:disabled, modelbutton.flat arrow:disabled, button:disabled, button:disabled:checked, button:disabled:selected, button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.image-button, notebook > header tabs > tab.image-button, notebook > header > tabs > arrow.image-button, treeview.view header button.image-button, modelbutton.flat arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } + +expander title > arrow.text-button, notebook > header tabs > tab.text-button, notebook > header > tabs > arrow.text-button, treeview.view header button.text-button, modelbutton.flat arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +expander title > arrow.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, modelbutton.flat arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +expander title > arrow.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, modelbutton.flat arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, expander title > arrow:drop(active), notebook > header tabs > tab:drop(active), notebook > header > tabs > arrow:drop(active), treeview.view header button:drop(active), modelbutton.flat arrow:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +expander title > arrow.small-button, notebook > header tabs > tab.small-button, notebook > header > tabs > arrow.small-button, treeview.view header button.small-button, modelbutton.flat arrow.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } + +expander title > arrow.osd, notebook > header tabs > tab.osd, notebook > header > tabs > arrow.osd, treeview.view header button.osd, modelbutton.flat arrow.osd, button.osd { color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-width: 26px; min-height: 32px; } + +expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, expander title > arrow.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header > tabs > arrow.osd:focus, modelbutton.flat arrow.osd:focus, button.osd:hover, button.osd:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, expander title > arrow.osd:hover image, notebook > header tabs > tab.osd:hover image, notebook > header > tabs > arrow.osd:hover image, modelbutton.flat arrow.osd:hover image, expander title > arrow.osd:hover arrow, notebook > header tabs > tab.osd:hover arrow, notebook > header > tabs > arrow.osd:hover arrow, modelbutton.flat arrow.osd:hover arrow, expander title > arrow.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header > tabs > arrow.osd:focus, modelbutton.flat arrow.osd:focus, expander title > arrow.osd:focus image, notebook > header tabs > tab.osd:focus image, notebook > header > tabs > arrow.osd:focus image, modelbutton.flat arrow.osd:focus image, expander title > arrow.osd:focus arrow, notebook > header tabs > tab.osd:focus arrow, notebook > header > tabs > arrow.osd:focus arrow, modelbutton.flat arrow.osd:focus arrow, button.osd:hover, button.osd:hover image, button.osd:hover arrow, button.osd:focus, button.osd:focus image, button.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd.keyboard-activating, notebook > header tabs > tab.osd.keyboard-activating, notebook > header > tabs > arrow.osd.keyboard-activating, modelbutton.flat arrow.osd.keyboard-activating, button.osd:active, button.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, expander title > arrow.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header > tabs > arrow.osd:selected, modelbutton.flat arrow.osd:selected, expander title > arrow.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, modelbutton.flat arrow.osd.has-open-popup, button.osd:checked, button.osd:selected, button.osd.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, expander title > arrow.osd:checked image, notebook > header tabs > tab.osd:checked image, notebook > header > tabs > arrow.osd:checked image, modelbutton.flat arrow.osd:checked image, expander title > arrow.osd:checked arrow, notebook > header tabs > tab.osd:checked arrow, notebook > header > tabs > arrow.osd:checked arrow, modelbutton.flat arrow.osd:checked arrow, expander title > arrow.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header > tabs > arrow.osd:selected, modelbutton.flat arrow.osd:selected, expander title > arrow.osd:selected image, notebook > header tabs > tab.osd:selected image, notebook > header > tabs > arrow.osd:selected image, modelbutton.flat arrow.osd:selected image, expander title > arrow.osd:selected arrow, notebook > header tabs > tab.osd:selected arrow, notebook > header > tabs > arrow.osd:selected arrow, modelbutton.flat arrow.osd:selected arrow, expander title > arrow.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, modelbutton.flat arrow.osd.has-open-popup, expander title > arrow.osd.has-open-popup image, notebook > header tabs > tab.osd.has-open-popup image, notebook > header > tabs > arrow.osd.has-open-popup image, modelbutton.flat arrow.osd.has-open-popup image, expander title > arrow.osd.has-open-popup arrow, notebook > header tabs > tab.osd.has-open-popup arrow, notebook > header > tabs > arrow.osd.has-open-popup arrow, modelbutton.flat arrow.osd.has-open-popup arrow, button.osd:checked, button.osd:checked image, button.osd:checked arrow, button.osd:selected, button.osd:selected image, button.osd:selected arrow, button.osd.has-open-popup, button.osd.has-open-popup image, button.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, modelbutton.flat arrow.osd:checked:hover, expander title > arrow.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, modelbutton.flat arrow.osd:checked:focus, expander title > arrow.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, modelbutton.flat arrow.osd:selected:hover, expander title > arrow.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, modelbutton.flat arrow.osd:selected:focus, expander title > arrow.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, modelbutton.flat arrow.osd.has-open-popup:hover, expander title > arrow.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, modelbutton.flat arrow.osd.has-open-popup:focus, button.osd:checked:hover, button.osd:checked:focus, button.osd:selected:hover, button.osd:selected:focus, button.osd.has-open-popup:hover, button.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, modelbutton.flat arrow.osd:checked:hover, expander title > arrow.osd:checked:hover image, notebook > header tabs > tab.osd:checked:hover image, notebook > header > tabs > arrow.osd:checked:hover image, modelbutton.flat arrow.osd:checked:hover image, expander title > arrow.osd:checked:hover arrow, notebook > header tabs > tab.osd:checked:hover arrow, notebook > header > tabs > arrow.osd:checked:hover arrow, modelbutton.flat arrow.osd:checked:hover arrow, expander title > arrow.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, modelbutton.flat arrow.osd:checked:focus, expander title > arrow.osd:checked:focus image, notebook > header tabs > tab.osd:checked:focus image, notebook > header > tabs > arrow.osd:checked:focus image, modelbutton.flat arrow.osd:checked:focus image, expander title > arrow.osd:checked:focus arrow, notebook > header tabs > tab.osd:checked:focus arrow, notebook > header > tabs > arrow.osd:checked:focus arrow, modelbutton.flat arrow.osd:checked:focus arrow, expander title > arrow.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, modelbutton.flat arrow.osd:selected:hover, expander title > arrow.osd:selected:hover image, notebook > header tabs > tab.osd:selected:hover image, notebook > header > tabs > arrow.osd:selected:hover image, modelbutton.flat arrow.osd:selected:hover image, expander title > arrow.osd:selected:hover arrow, notebook > header tabs > tab.osd:selected:hover arrow, notebook > header > tabs > arrow.osd:selected:hover arrow, modelbutton.flat arrow.osd:selected:hover arrow, expander title > arrow.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, modelbutton.flat arrow.osd:selected:focus, expander title > arrow.osd:selected:focus image, notebook > header tabs > tab.osd:selected:focus image, notebook > header > tabs > arrow.osd:selected:focus image, modelbutton.flat arrow.osd:selected:focus image, expander title > arrow.osd:selected:focus arrow, notebook > header tabs > tab.osd:selected:focus arrow, notebook > header > tabs > arrow.osd:selected:focus arrow, modelbutton.flat arrow.osd:selected:focus arrow, expander title > arrow.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, modelbutton.flat arrow.osd.has-open-popup:hover, expander title > arrow.osd.has-open-popup:hover image, notebook > header tabs > tab.osd.has-open-popup:hover image, notebook > header > tabs > arrow.osd.has-open-popup:hover image, modelbutton.flat arrow.osd.has-open-popup:hover image, expander title > arrow.osd.has-open-popup:hover arrow, notebook > header tabs > tab.osd.has-open-popup:hover arrow, notebook > header > tabs > arrow.osd.has-open-popup:hover arrow, modelbutton.flat arrow.osd.has-open-popup:hover arrow, expander title > arrow.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, modelbutton.flat arrow.osd.has-open-popup:focus, expander title > arrow.osd.has-open-popup:focus image, notebook > header tabs > tab.osd.has-open-popup:focus image, notebook > header > tabs > arrow.osd.has-open-popup:focus image, modelbutton.flat arrow.osd.has-open-popup:focus image, expander title > arrow.osd.has-open-popup:focus arrow, notebook > header tabs > tab.osd.has-open-popup:focus arrow, notebook > header > tabs > arrow.osd.has-open-popup:focus arrow, modelbutton.flat arrow.osd.has-open-popup:focus arrow, button.osd:checked:hover, button.osd:checked:hover image, button.osd:checked:hover arrow, button.osd:checked:focus, button.osd:checked:focus image, button.osd:checked:focus arrow, button.osd:selected:hover, button.osd:selected:hover image, button.osd:selected:hover arrow, button.osd:selected:focus, button.osd:selected:focus image, button.osd:selected:focus arrow, button.osd.has-open-popup:hover, button.osd.has-open-popup:hover image, button.osd.has-open-popup:hover arrow, button.osd.has-open-popup:focus, button.osd.has-open-popup:focus image, button.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header > tabs > arrow.osd:disabled, modelbutton.flat arrow.osd:disabled, button.osd:disabled, button.osd:disabled:checked, button.osd:disabled:selected, button.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header > tabs > arrow.osd.image-button, modelbutton.flat arrow.osd.image-button, button.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 expander title > arrow, expander .osd title > arrow, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header > tabs > arrow, .osd treeview.view header button, treeview.view header .osd button, .osd modelbutton.flat arrow, modelbutton.flat .osd arrow, .osd button { color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd expander title > arrow:focus, expander .osd title > arrow:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header > tabs > arrow:focus, .osd modelbutton.flat arrow:focus, modelbutton.flat .osd arrow:focus, .osd button:hover, .osd button:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover image, popover.background.touch-selection button:hover image, popover.background.magnifier button:hover image, .app-notification button:hover arrow, popover.background.touch-selection button:hover arrow, popover.background.magnifier button:hover arrow, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .app-notification button:focus image, popover.background.touch-selection button:focus image, popover.background.magnifier button:focus image, .app-notification button:focus arrow, popover.background.touch-selection button:focus arrow, popover.background.magnifier button:focus arrow, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd expander title > arrow:hover image, expander .osd title > arrow:hover image, .osd notebook > header tabs > tab:hover image, notebook > header .osd tabs > tab:hover image, .osd notebook > header > tabs > arrow:hover image, .osd modelbutton.flat arrow:hover image, modelbutton.flat .osd arrow:hover image, .osd expander title > arrow:hover arrow, expander .osd title > arrow:hover arrow, .osd notebook > header tabs > tab:hover arrow, notebook > header .osd tabs > tab:hover arrow, .osd notebook > header > tabs > arrow:hover arrow, .osd modelbutton.flat arrow:hover arrow, modelbutton.flat .osd arrow:hover arrow, .osd expander title > arrow:focus, expander .osd title > arrow:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header > tabs > arrow:focus, .osd modelbutton.flat arrow:focus, modelbutton.flat .osd arrow:focus, .osd expander title > arrow:focus image, expander .osd title > arrow:focus image, .osd notebook > header tabs > tab:focus image, notebook > header .osd tabs > tab:focus image, .osd notebook > header > tabs > arrow:focus image, .osd modelbutton.flat arrow:focus image, modelbutton.flat .osd arrow:focus image, .osd expander title > arrow:focus arrow, expander .osd title > arrow:focus arrow, .osd notebook > header tabs > tab:focus arrow, notebook > header .osd tabs > tab:focus arrow, .osd notebook > header > tabs > arrow:focus arrow, .osd modelbutton.flat arrow:focus arrow, modelbutton.flat .osd arrow:focus arrow, .osd button:hover, .osd button:hover image, .osd button:hover arrow, .osd button:focus, .osd button:focus image, .osd button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button.keyboard-activating, popover.background.touch-selection button.keyboard-activating, popover.background.magnifier button.keyboard-activating, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow.keyboard-activating, expander .osd title > arrow.keyboard-activating, .osd notebook > header tabs > tab.keyboard-activating, notebook > header .osd tabs > tab.keyboard-activating, .osd notebook > header > tabs > arrow.keyboard-activating, .osd modelbutton.flat arrow.keyboard-activating, modelbutton.flat .osd arrow.keyboard-activating, .osd button:active, .osd button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd expander title > arrow:selected, expander .osd title > arrow:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header > tabs > arrow:selected, .osd modelbutton.flat arrow:selected, modelbutton.flat .osd arrow:selected, .osd expander title > arrow.has-open-popup, expander .osd title > arrow.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd modelbutton.flat arrow.has-open-popup, modelbutton.flat .osd arrow.has-open-popup, .osd button:checked, .osd button:selected, .osd button.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.app-notification button:checked, .app-notification.frame button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked image, .app-notification.frame button:checked image, popover.background.touch-selection button:checked image, popover.background.magnifier button:checked image, .app-notification button:checked arrow, .app-notification.frame button:checked arrow, popover.background.touch-selection button:checked arrow, popover.background.magnifier button:checked arrow, .app-notification button:selected, .app-notification.frame button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button:selected image, .app-notification.frame button:selected image, popover.background.touch-selection button:selected image, popover.background.magnifier button:selected image, .app-notification button:selected arrow, .app-notification.frame button:selected arrow, popover.background.touch-selection button:selected arrow, popover.background.magnifier button:selected arrow, .app-notification button.has-open-popup, .app-notification.frame button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .app-notification button.has-open-popup image, .app-notification.frame button.has-open-popup image, popover.background.touch-selection button.has-open-popup image, popover.background.magnifier button.has-open-popup image, .app-notification button.has-open-popup arrow, .app-notification.frame button.has-open-popup arrow, popover.background.touch-selection button.has-open-popup arrow, popover.background.magnifier button.has-open-popup arrow, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd expander title > arrow:checked image, expander .osd title > arrow:checked image, .osd notebook > header tabs > tab:checked image, notebook > header .osd tabs > tab:checked image, .osd notebook > header > tabs > arrow:checked image, .osd modelbutton.flat arrow:checked image, modelbutton.flat .osd arrow:checked image, .osd expander title > arrow:checked arrow, expander .osd title > arrow:checked arrow, .osd notebook > header tabs > tab:checked arrow, notebook > header .osd tabs > tab:checked arrow, .osd notebook > header > tabs > arrow:checked arrow, .osd modelbutton.flat arrow:checked arrow, modelbutton.flat .osd arrow:checked arrow, .osd expander title > arrow:selected, expander .osd title > arrow:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header > tabs > arrow:selected, .osd modelbutton.flat arrow:selected, modelbutton.flat .osd arrow:selected, .osd expander title > arrow:selected image, expander .osd title > arrow:selected image, .osd notebook > header tabs > tab:selected image, notebook > header .osd tabs > tab:selected image, .osd notebook > header > tabs > arrow:selected image, .osd modelbutton.flat arrow:selected image, modelbutton.flat .osd arrow:selected image, .osd expander title > arrow:selected arrow, expander .osd title > arrow:selected arrow, .osd notebook > header tabs > tab:selected arrow, notebook > header .osd tabs > tab:selected arrow, .osd notebook > header > tabs > arrow:selected arrow, .osd modelbutton.flat arrow:selected arrow, modelbutton.flat .osd arrow:selected arrow, .osd expander title > arrow.has-open-popup, expander .osd title > arrow.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd modelbutton.flat arrow.has-open-popup, modelbutton.flat .osd arrow.has-open-popup, .osd expander title > arrow.has-open-popup image, expander .osd title > arrow.has-open-popup image, .osd notebook > header tabs > tab.has-open-popup image, notebook > header .osd tabs > tab.has-open-popup image, .osd notebook > header > tabs > arrow.has-open-popup image, .osd modelbutton.flat arrow.has-open-popup image, modelbutton.flat .osd arrow.has-open-popup image, .osd expander title > arrow.has-open-popup arrow, expander .osd title > arrow.has-open-popup arrow, .osd notebook > header tabs > tab.has-open-popup arrow, notebook > header .osd tabs > tab.has-open-popup arrow, .osd notebook > header > tabs > arrow.has-open-popup arrow, .osd modelbutton.flat arrow.has-open-popup arrow, modelbutton.flat .osd arrow.has-open-popup arrow, .osd button:checked, .osd button:checked image, .osd button:checked arrow, .osd button:selected, .osd button:selected image, .osd button:selected arrow, .osd button.has-open-popup, .osd button.has-open-popup image, .osd button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.app-notification button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .osd expander title > arrow:checked:hover, expander .osd title > arrow:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd modelbutton.flat arrow:checked:hover, modelbutton.flat .osd arrow:checked:hover, .osd expander title > arrow:checked:focus, expander .osd title > arrow:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd modelbutton.flat arrow:checked:focus, modelbutton.flat .osd arrow:checked:focus, .osd expander title > arrow:selected:hover, expander .osd title > arrow:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd modelbutton.flat arrow:selected:hover, modelbutton.flat .osd arrow:selected:hover, .osd expander title > arrow:selected:focus, expander .osd title > arrow:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd modelbutton.flat arrow:selected:focus, modelbutton.flat .osd arrow:selected:focus, .osd expander title > arrow.has-open-popup:hover, expander .osd title > arrow.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat .osd arrow.has-open-popup:hover, .osd expander title > arrow.has-open-popup:focus, expander .osd title > arrow.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd modelbutton.flat arrow.has-open-popup:focus, modelbutton.flat .osd arrow.has-open-popup:focus, .osd button:checked:hover, .osd button:checked:focus, .osd button:selected:hover, .osd button:selected:focus, .osd button.has-open-popup:hover, .osd button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.app-notification button:checked:hover, .app-notification.frame button:checked:hover, .csd popover.background.touch-selection button:checked:hover, .csd popover.background.magnifier button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:hover image, .app-notification.frame button:checked:hover image, .csd popover.background.touch-selection button:checked:hover image, .csd popover.background.magnifier button:checked:hover image, popover.background.touch-selection button:checked:hover image, popover.background.magnifier button:checked:hover image, .app-notification button:checked:hover arrow, .app-notification.frame button:checked:hover arrow, .csd popover.background.touch-selection button:checked:hover arrow, .csd popover.background.magnifier button:checked:hover arrow, popover.background.touch-selection button:checked:hover arrow, popover.background.magnifier button:checked:hover arrow, .app-notification button:checked:focus, .app-notification.frame button:checked:focus, .csd popover.background.touch-selection button:checked:focus, .csd popover.background.magnifier button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:checked:focus image, .app-notification.frame button:checked:focus image, .csd popover.background.touch-selection button:checked:focus image, .csd popover.background.magnifier button:checked:focus image, popover.background.touch-selection button:checked:focus image, popover.background.magnifier button:checked:focus image, .app-notification button:checked:focus arrow, .app-notification.frame button:checked:focus arrow, .csd popover.background.touch-selection button:checked:focus arrow, .csd popover.background.magnifier button:checked:focus arrow, popover.background.touch-selection button:checked:focus arrow, popover.background.magnifier button:checked:focus arrow, .app-notification button:selected:hover, .app-notification.frame button:selected:hover, .csd popover.background.touch-selection button:selected:hover, .csd popover.background.magnifier button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:hover image, .app-notification.frame button:selected:hover image, .csd popover.background.touch-selection button:selected:hover image, .csd popover.background.magnifier button:selected:hover image, popover.background.touch-selection button:selected:hover image, popover.background.magnifier button:selected:hover image, .app-notification button:selected:hover arrow, .app-notification.frame button:selected:hover arrow, .csd popover.background.touch-selection button:selected:hover arrow, .csd popover.background.magnifier button:selected:hover arrow, popover.background.touch-selection button:selected:hover arrow, popover.background.magnifier button:selected:hover arrow, .app-notification button:selected:focus, .app-notification.frame button:selected:focus, .csd popover.background.touch-selection button:selected:focus, .csd popover.background.magnifier button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button:selected:focus image, .app-notification.frame button:selected:focus image, .csd popover.background.touch-selection button:selected:focus image, .csd popover.background.magnifier button:selected:focus image, popover.background.touch-selection button:selected:focus image, popover.background.magnifier button:selected:focus image, .app-notification button:selected:focus arrow, .app-notification.frame button:selected:focus arrow, .csd popover.background.touch-selection button:selected:focus arrow, .csd popover.background.magnifier button:selected:focus arrow, popover.background.touch-selection button:selected:focus arrow, popover.background.magnifier button:selected:focus arrow, .app-notification button.has-open-popup:hover, .app-notification.frame button.has-open-popup:hover, .csd popover.background.touch-selection button.has-open-popup:hover, .csd popover.background.magnifier button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:hover image, .app-notification.frame button.has-open-popup:hover image, .csd popover.background.touch-selection button.has-open-popup:hover image, .csd popover.background.magnifier button.has-open-popup:hover image, popover.background.touch-selection button.has-open-popup:hover image, popover.background.magnifier button.has-open-popup:hover image, .app-notification button.has-open-popup:hover arrow, .app-notification.frame button.has-open-popup:hover arrow, .csd popover.background.touch-selection button.has-open-popup:hover arrow, .csd popover.background.magnifier button.has-open-popup:hover arrow, popover.background.touch-selection button.has-open-popup:hover arrow, popover.background.magnifier button.has-open-popup:hover arrow, .app-notification button.has-open-popup:focus, .app-notification.frame button.has-open-popup:focus, .csd popover.background.touch-selection button.has-open-popup:focus, .csd popover.background.magnifier button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .app-notification button.has-open-popup:focus image, .app-notification.frame button.has-open-popup:focus image, .csd popover.background.touch-selection button.has-open-popup:focus image, .csd popover.background.magnifier button.has-open-popup:focus image, popover.background.touch-selection button.has-open-popup:focus image, popover.background.magnifier button.has-open-popup:focus image, .app-notification button.has-open-popup:focus arrow, .app-notification.frame button.has-open-popup:focus arrow, .csd popover.background.touch-selection button.has-open-popup:focus arrow, .csd popover.background.magnifier button.has-open-popup:focus arrow, popover.background.touch-selection button.has-open-popup:focus arrow, popover.background.magnifier button.has-open-popup:focus arrow, .osd expander title > arrow:checked:hover, expander .osd title > arrow:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd treeview.view header button:checked:hover, treeview.view header .osd button:checked:hover, .osd modelbutton.flat arrow:checked:hover, modelbutton.flat .osd arrow:checked:hover, .osd expander title > arrow:checked:hover image, expander .osd title > arrow:checked:hover image, .osd notebook > header tabs > tab:checked:hover image, notebook > header .osd tabs > tab:checked:hover image, .osd notebook > header > tabs > arrow:checked:hover image, .osd treeview.view header button:checked:hover image, treeview.view header .osd button:checked:hover image, .osd modelbutton.flat arrow:checked:hover image, modelbutton.flat .osd arrow:checked:hover image, .osd expander title > arrow:checked:hover arrow, expander .osd title > arrow:checked:hover arrow, .osd notebook > header tabs > tab:checked:hover arrow, notebook > header .osd tabs > tab:checked:hover arrow, .osd notebook > header > tabs > arrow:checked:hover arrow, .osd treeview.view header button:checked:hover arrow, treeview.view header .osd button:checked:hover arrow, .osd modelbutton.flat arrow:checked:hover arrow, modelbutton.flat .osd arrow:checked:hover arrow, .osd expander title > arrow:checked:focus, expander .osd title > arrow:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd treeview.view header button:checked:focus, treeview.view header .osd button:checked:focus, .osd modelbutton.flat arrow:checked:focus, modelbutton.flat .osd arrow:checked:focus, .osd expander title > arrow:checked:focus image, expander .osd title > arrow:checked:focus image, .osd notebook > header tabs > tab:checked:focus image, notebook > header .osd tabs > tab:checked:focus image, .osd notebook > header > tabs > arrow:checked:focus image, .osd treeview.view header button:checked:focus image, treeview.view header .osd button:checked:focus image, .osd modelbutton.flat arrow:checked:focus image, modelbutton.flat .osd arrow:checked:focus image, .osd expander title > arrow:checked:focus arrow, expander .osd title > arrow:checked:focus arrow, .osd notebook > header tabs > tab:checked:focus arrow, notebook > header .osd tabs > tab:checked:focus arrow, .osd notebook > header > tabs > arrow:checked:focus arrow, .osd treeview.view header button:checked:focus arrow, treeview.view header .osd button:checked:focus arrow, .osd modelbutton.flat arrow:checked:focus arrow, modelbutton.flat .osd arrow:checked:focus arrow, .osd expander title > arrow:selected:hover, expander .osd title > arrow:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd treeview.view header button:selected:hover, treeview.view header .osd button:selected:hover, .osd modelbutton.flat arrow:selected:hover, modelbutton.flat .osd arrow:selected:hover, .osd expander title > arrow:selected:hover image, expander .osd title > arrow:selected:hover image, .osd notebook > header tabs > tab:selected:hover image, notebook > header .osd tabs > tab:selected:hover image, .osd notebook > header > tabs > arrow:selected:hover image, .osd treeview.view header button:selected:hover image, treeview.view header .osd button:selected:hover image, .osd modelbutton.flat arrow:selected:hover image, modelbutton.flat .osd arrow:selected:hover image, .osd expander title > arrow:selected:hover arrow, expander .osd title > arrow:selected:hover arrow, .osd notebook > header tabs > tab:selected:hover arrow, notebook > header .osd tabs > tab:selected:hover arrow, .osd notebook > header > tabs > arrow:selected:hover arrow, .osd treeview.view header button:selected:hover arrow, treeview.view header .osd button:selected:hover arrow, .osd modelbutton.flat arrow:selected:hover arrow, modelbutton.flat .osd arrow:selected:hover arrow, .osd expander title > arrow:selected:focus, expander .osd title > arrow:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd treeview.view header button:selected:focus, treeview.view header .osd button:selected:focus, .osd modelbutton.flat arrow:selected:focus, modelbutton.flat .osd arrow:selected:focus, .osd expander title > arrow:selected:focus image, expander .osd title > arrow:selected:focus image, .osd notebook > header tabs > tab:selected:focus image, notebook > header .osd tabs > tab:selected:focus image, .osd notebook > header > tabs > arrow:selected:focus image, .osd treeview.view header button:selected:focus image, treeview.view header .osd button:selected:focus image, .osd modelbutton.flat arrow:selected:focus image, modelbutton.flat .osd arrow:selected:focus image, .osd expander title > arrow:selected:focus arrow, expander .osd title > arrow:selected:focus arrow, .osd notebook > header tabs > tab:selected:focus arrow, notebook > header .osd tabs > tab:selected:focus arrow, .osd notebook > header > tabs > arrow:selected:focus arrow, .osd treeview.view header button:selected:focus arrow, treeview.view header .osd button:selected:focus arrow, .osd modelbutton.flat arrow:selected:focus arrow, modelbutton.flat .osd arrow:selected:focus arrow, .osd expander title > arrow.has-open-popup:hover, expander .osd title > arrow.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd treeview.view header button.has-open-popup:hover, treeview.view header .osd button.has-open-popup:hover, .osd modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat .osd arrow.has-open-popup:hover, .osd expander title > arrow.has-open-popup:hover image, expander .osd title > arrow.has-open-popup:hover image, .osd notebook > header tabs > tab.has-open-popup:hover image, notebook > header .osd tabs > tab.has-open-popup:hover image, .osd notebook > header > tabs > arrow.has-open-popup:hover image, .osd treeview.view header button.has-open-popup:hover image, treeview.view header .osd button.has-open-popup:hover image, .osd modelbutton.flat arrow.has-open-popup:hover image, modelbutton.flat .osd arrow.has-open-popup:hover image, .osd expander title > arrow.has-open-popup:hover arrow, expander .osd title > arrow.has-open-popup:hover arrow, .osd notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header .osd tabs > tab.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.has-open-popup:hover arrow, .osd treeview.view header button.has-open-popup:hover arrow, treeview.view header .osd button.has-open-popup:hover arrow, .osd modelbutton.flat arrow.has-open-popup:hover arrow, modelbutton.flat .osd arrow.has-open-popup:hover arrow, .osd expander title > arrow.has-open-popup:focus, expander .osd title > arrow.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd treeview.view header button.has-open-popup:focus, treeview.view header .osd button.has-open-popup:focus, .osd modelbutton.flat arrow.has-open-popup:focus, modelbutton.flat .osd arrow.has-open-popup:focus, .osd expander title > arrow.has-open-popup:focus image, expander .osd title > arrow.has-open-popup:focus image, .osd notebook > header tabs > tab.has-open-popup:focus image, notebook > header .osd tabs > tab.has-open-popup:focus image, .osd notebook > header > tabs > arrow.has-open-popup:focus image, .osd treeview.view header button.has-open-popup:focus image, treeview.view header .osd button.has-open-popup:focus image, .osd modelbutton.flat arrow.has-open-popup:focus image, modelbutton.flat .osd arrow.has-open-popup:focus image, .osd expander title > arrow.has-open-popup:focus arrow, expander .osd title > arrow.has-open-popup:focus arrow, .osd notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header .osd tabs > tab.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.has-open-popup:focus arrow, .osd treeview.view header button.has-open-popup:focus arrow, treeview.view header .osd button.has-open-popup:focus arrow, .osd modelbutton.flat arrow.has-open-popup:focus arrow, modelbutton.flat .osd arrow.has-open-popup:focus arrow, .osd button:checked:hover, .osd button:checked:hover image, .osd button:checked:hover arrow, .osd button:checked:focus, .osd button:checked:focus image, .osd button:checked:focus arrow, .osd button:selected:hover, .osd button:selected:hover image, .osd button:selected:hover arrow, .osd button:selected:focus, .osd button:selected:focus image, .osd button:selected:focus arrow, .osd button.has-open-popup:hover, .osd button.has-open-popup:hover image, .osd button.has-open-popup:hover arrow, .osd button.has-open-popup:focus, .osd button.has-open-popup:focus image, .osd button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled, .osd button:disabled:checked, .osd button:disabled:selected, .osd button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:disabled:hover, popover.background.touch-selection button:disabled:hover, popover.background.magnifier button:disabled:hover, .app-notification button:disabled:focus, popover.background.touch-selection button:disabled:focus, popover.background.magnifier button:disabled:focus, .osd expander title > arrow:disabled:hover, expander .osd title > arrow:disabled:hover, .osd notebook > header tabs > tab:disabled:hover, notebook > header .osd tabs > tab:disabled:hover, .osd notebook > header > tabs > arrow:disabled:hover, .osd modelbutton.flat arrow:disabled:hover, modelbutton.flat .osd arrow:disabled:hover, .osd expander title > arrow:disabled:focus, expander .osd title > arrow:disabled:focus, .osd notebook > header tabs > tab:disabled:focus, notebook > header .osd tabs > tab:disabled:focus, .osd notebook > header > tabs > arrow:disabled:focus, .osd modelbutton.flat arrow:disabled:focus, modelbutton.flat .osd arrow:disabled:focus, .osd button:disabled:hover, .osd button:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.app-notification button:disabled:hover, popover.background.touch-selection button:disabled:hover, popover.background.magnifier button:disabled:hover, .app-notification button:disabled:hover image, popover.background.touch-selection button:disabled:hover image, popover.background.magnifier button:disabled:hover image, .app-notification button:disabled:hover arrow, popover.background.touch-selection button:disabled:hover arrow, popover.background.magnifier button:disabled:hover arrow, .app-notification button:disabled:focus, popover.background.touch-selection button:disabled:focus, popover.background.magnifier button:disabled:focus, .app-notification button:disabled:focus image, popover.background.touch-selection button:disabled:focus image, popover.background.magnifier button:disabled:focus image, .app-notification button:disabled:focus arrow, popover.background.touch-selection button:disabled:focus arrow, popover.background.magnifier button:disabled:focus arrow, .osd expander title > arrow:disabled:hover, expander .osd title > arrow:disabled:hover, .osd notebook > header tabs > tab:disabled:hover, notebook > header .osd tabs > tab:disabled:hover, .osd notebook > header > tabs > arrow:disabled:hover, .osd modelbutton.flat arrow:disabled:hover, modelbutton.flat .osd arrow:disabled:hover, .osd expander title > arrow:disabled:hover image, expander .osd title > arrow:disabled:hover image, .osd notebook > header tabs > tab:disabled:hover image, notebook > header .osd tabs > tab:disabled:hover image, .osd notebook > header > tabs > arrow:disabled:hover image, .osd modelbutton.flat arrow:disabled:hover image, modelbutton.flat .osd arrow:disabled:hover image, .osd expander title > arrow:disabled:hover arrow, expander .osd title > arrow:disabled:hover arrow, .osd notebook > header tabs > tab:disabled:hover arrow, notebook > header .osd tabs > tab:disabled:hover arrow, .osd notebook > header > tabs > arrow:disabled:hover arrow, .osd modelbutton.flat arrow:disabled:hover arrow, modelbutton.flat .osd arrow:disabled:hover arrow, .osd expander title > arrow:disabled:focus, expander .osd title > arrow:disabled:focus, .osd notebook > header tabs > tab:disabled:focus, notebook > header .osd tabs > tab:disabled:focus, .osd notebook > header > tabs > arrow:disabled:focus, .osd modelbutton.flat arrow:disabled:focus, modelbutton.flat .osd arrow:disabled:focus, .osd expander title > arrow:disabled:focus image, expander .osd title > arrow:disabled:focus image, .osd notebook > header tabs > tab:disabled:focus image, notebook > header .osd tabs > tab:disabled:focus image, .osd notebook > header > tabs > arrow:disabled:focus image, .osd modelbutton.flat arrow:disabled:focus image, modelbutton.flat .osd arrow:disabled:focus image, .osd expander title > arrow:disabled:focus arrow, expander .osd title > arrow:disabled:focus arrow, .osd notebook > header tabs > tab:disabled:focus arrow, notebook > header .osd tabs > tab:disabled:focus arrow, .osd notebook > header > tabs > arrow:disabled:focus arrow, .osd modelbutton.flat arrow:disabled:focus arrow, modelbutton.flat .osd arrow:disabled:focus arrow, .osd button:disabled:hover, .osd button:disabled:hover image, .osd button:disabled:hover arrow, .osd button:disabled:focus, .osd button:disabled:focus image, .osd button:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.app-notification button:disabled:active, popover.background.touch-selection button:disabled:active, popover.background.magnifier button:disabled:active, .app-notification button:disabled.keyboard-activating, popover.background.touch-selection button:disabled.keyboard-activating, popover.background.magnifier button:disabled.keyboard-activating, .osd expander title > arrow:disabled:active, expander .osd title > arrow:disabled:active, .osd notebook > header tabs > tab:disabled:active, notebook > header .osd tabs > tab:disabled:active, .osd notebook > header > tabs > arrow:disabled:active, .osd modelbutton.flat arrow:disabled:active, modelbutton.flat .osd arrow:disabled:active, .osd expander title > arrow:disabled.keyboard-activating, expander .osd title > arrow:disabled.keyboard-activating, .osd notebook > header tabs > tab:disabled.keyboard-activating, notebook > header .osd tabs > tab:disabled.keyboard-activating, .osd notebook > header > tabs > arrow:disabled.keyboard-activating, .osd modelbutton.flat arrow:disabled.keyboard-activating, modelbutton.flat .osd arrow:disabled.keyboard-activating, .osd button:disabled:active, .osd button:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, .app-notification button:disabled:selected, popover.background.touch-selection button:disabled:selected, popover.background.magnifier button:disabled:selected, .app-notification button:disabled.has-open-popup, popover.background.touch-selection button:disabled.has-open-popup, popover.background.magnifier button:disabled.has-open-popup, .osd expander title > arrow:disabled:checked, expander .osd title > arrow:disabled:checked, .osd notebook > header tabs > tab:disabled:checked, notebook > header .osd tabs > tab:disabled:checked, .osd notebook > header > tabs > arrow:disabled:checked, .osd modelbutton.flat arrow:disabled:checked, modelbutton.flat .osd arrow:disabled:checked, .osd expander title > arrow:disabled:selected, expander .osd title > arrow:disabled:selected, .osd notebook > header tabs > tab:disabled:selected, notebook > header .osd tabs > tab:disabled:selected, .osd notebook > header > tabs > arrow:disabled:selected, .osd modelbutton.flat arrow:disabled:selected, modelbutton.flat .osd arrow:disabled:selected, .osd expander title > arrow:disabled.has-open-popup, expander .osd title > arrow:disabled.has-open-popup, .osd notebook > header tabs > tab:disabled.has-open-popup, notebook > header .osd tabs > tab:disabled.has-open-popup, .osd notebook > header > tabs > arrow:disabled.has-open-popup, .osd modelbutton.flat arrow:disabled.has-open-popup, modelbutton.flat .osd arrow:disabled.has-open-popup, .osd button:disabled:checked, .osd button:disabled:selected, .osd button:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.app-notification button:disabled:checked, .app-notification.frame button:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, .app-notification button:disabled:checked image, .app-notification.frame button:disabled:checked image, popover.background.touch-selection button:disabled:checked image, popover.background.magnifier button:disabled:checked image, .app-notification button:disabled:checked arrow, .app-notification.frame button:disabled:checked arrow, popover.background.touch-selection button:disabled:checked arrow, popover.background.magnifier button:disabled:checked arrow, .app-notification button:disabled:selected, .app-notification.frame button:disabled:selected, popover.background.touch-selection button:disabled:selected, popover.background.magnifier button:disabled:selected, .app-notification button:disabled:selected image, .app-notification.frame button:disabled:selected image, popover.background.touch-selection button:disabled:selected image, popover.background.magnifier button:disabled:selected image, .app-notification button:disabled:selected arrow, .app-notification.frame button:disabled:selected arrow, popover.background.touch-selection button:disabled:selected arrow, popover.background.magnifier button:disabled:selected arrow, .app-notification button:disabled.has-open-popup, .app-notification.frame button:disabled.has-open-popup, popover.background.touch-selection button:disabled.has-open-popup, popover.background.magnifier button:disabled.has-open-popup, .app-notification button:disabled.has-open-popup image, .app-notification.frame button:disabled.has-open-popup image, popover.background.touch-selection button:disabled.has-open-popup image, popover.background.magnifier button:disabled.has-open-popup image, .app-notification button:disabled.has-open-popup arrow, .app-notification.frame button:disabled.has-open-popup arrow, popover.background.touch-selection button:disabled.has-open-popup arrow, popover.background.magnifier button:disabled.has-open-popup arrow, .osd expander title > arrow:disabled:checked, expander .osd title > arrow:disabled:checked, .osd notebook > header tabs > tab:disabled:checked, notebook > header .osd tabs > tab:disabled:checked, .osd notebook > header > tabs > arrow:disabled:checked, .osd modelbutton.flat arrow:disabled:checked, modelbutton.flat .osd arrow:disabled:checked, .osd expander title > arrow:disabled:checked image, expander .osd title > arrow:disabled:checked image, .osd notebook > header tabs > tab:disabled:checked image, notebook > header .osd tabs > tab:disabled:checked image, .osd notebook > header > tabs > arrow:disabled:checked image, .osd modelbutton.flat arrow:disabled:checked image, modelbutton.flat .osd arrow:disabled:checked image, .osd expander title > arrow:disabled:checked arrow, expander .osd title > arrow:disabled:checked arrow, .osd notebook > header tabs > tab:disabled:checked arrow, notebook > header .osd tabs > tab:disabled:checked arrow, .osd notebook > header > tabs > arrow:disabled:checked arrow, .osd modelbutton.flat arrow:disabled:checked arrow, modelbutton.flat .osd arrow:disabled:checked arrow, .osd expander title > arrow:disabled:selected, expander .osd title > arrow:disabled:selected, .osd notebook > header tabs > tab:disabled:selected, notebook > header .osd tabs > tab:disabled:selected, .osd notebook > header > tabs > arrow:disabled:selected, .osd modelbutton.flat arrow:disabled:selected, modelbutton.flat .osd arrow:disabled:selected, .osd expander title > arrow:disabled:selected image, expander .osd title > arrow:disabled:selected image, .osd notebook > header tabs > tab:disabled:selected image, notebook > header .osd tabs > tab:disabled:selected image, .osd notebook > header > tabs > arrow:disabled:selected image, .osd modelbutton.flat arrow:disabled:selected image, modelbutton.flat .osd arrow:disabled:selected image, .osd expander title > arrow:disabled:selected arrow, expander .osd title > arrow:disabled:selected arrow, .osd notebook > header tabs > tab:disabled:selected arrow, notebook > header .osd tabs > tab:disabled:selected arrow, .osd notebook > header > tabs > arrow:disabled:selected arrow, .osd modelbutton.flat arrow:disabled:selected arrow, modelbutton.flat .osd arrow:disabled:selected arrow, .osd expander title > arrow:disabled.has-open-popup, expander .osd title > arrow:disabled.has-open-popup, .osd notebook > header tabs > tab:disabled.has-open-popup, notebook > header .osd tabs > tab:disabled.has-open-popup, .osd notebook > header > tabs > arrow:disabled.has-open-popup, .osd modelbutton.flat arrow:disabled.has-open-popup, modelbutton.flat .osd arrow:disabled.has-open-popup, .osd expander title > arrow:disabled.has-open-popup image, expander .osd title > arrow:disabled.has-open-popup image, .osd notebook > header tabs > tab:disabled.has-open-popup image, notebook > header .osd tabs > tab:disabled.has-open-popup image, .osd notebook > header > tabs > arrow:disabled.has-open-popup image, .osd modelbutton.flat arrow:disabled.has-open-popup image, modelbutton.flat .osd arrow:disabled.has-open-popup image, .osd expander title > arrow:disabled.has-open-popup arrow, expander .osd title > arrow:disabled.has-open-popup arrow, .osd notebook > header tabs > tab:disabled.has-open-popup arrow, notebook > header .osd tabs > tab:disabled.has-open-popup arrow, .osd notebook > header > tabs > arrow:disabled.has-open-popup arrow, .osd modelbutton.flat arrow:disabled.has-open-popup arrow, modelbutton.flat .osd arrow:disabled.has-open-popup arrow, .osd button:disabled:checked, .osd button:disabled:checked image, .osd button:disabled:checked arrow, .osd button:disabled:selected, .osd button:disabled:selected image, .osd button:disabled:selected arrow, .osd button:disabled.has-open-popup, .osd button:disabled.has-open-popup image, .osd button:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.app-notification button:disabled:checked:hover, popover.background.touch-selection button:disabled:checked:hover, popover.background.magnifier button:disabled:checked:hover, .app-notification button:disabled:checked:focus, popover.background.touch-selection button:disabled:checked:focus, popover.background.magnifier button:disabled:checked:focus, .app-notification button:disabled:selected:hover, popover.background.touch-selection button:disabled:selected:hover, popover.background.magnifier button:disabled:selected:hover, .app-notification button:disabled:selected:focus, popover.background.touch-selection button:disabled:selected:focus, popover.background.magnifier button:disabled:selected:focus, .app-notification button:disabled.has-open-popup:hover, popover.background.touch-selection button:disabled.has-open-popup:hover, popover.background.magnifier button:disabled.has-open-popup:hover, .app-notification button:disabled.has-open-popup:focus, popover.background.touch-selection button:disabled.has-open-popup:focus, popover.background.magnifier button:disabled.has-open-popup:focus, .osd expander title > arrow:disabled:checked:hover, expander .osd title > arrow:disabled:checked:hover, .osd notebook > header tabs > tab:disabled:checked:hover, notebook > header .osd tabs > tab:disabled:checked:hover, .osd notebook > header > tabs > arrow:disabled:checked:hover, .osd modelbutton.flat arrow:disabled:checked:hover, modelbutton.flat .osd arrow:disabled:checked:hover, .osd expander title > arrow:disabled:checked:focus, expander .osd title > arrow:disabled:checked:focus, .osd notebook > header tabs > tab:disabled:checked:focus, notebook > header .osd tabs > tab:disabled:checked:focus, .osd notebook > header > tabs > arrow:disabled:checked:focus, .osd modelbutton.flat arrow:disabled:checked:focus, modelbutton.flat .osd arrow:disabled:checked:focus, .osd expander title > arrow:disabled:selected:hover, expander .osd title > arrow:disabled:selected:hover, .osd notebook > header tabs > tab:disabled:selected:hover, notebook > header .osd tabs > tab:disabled:selected:hover, .osd notebook > header > tabs > arrow:disabled:selected:hover, .osd modelbutton.flat arrow:disabled:selected:hover, modelbutton.flat .osd arrow:disabled:selected:hover, .osd expander title > arrow:disabled:selected:focus, expander .osd title > arrow:disabled:selected:focus, .osd notebook > header tabs > tab:disabled:selected:focus, notebook > header .osd tabs > tab:disabled:selected:focus, .osd notebook > header > tabs > arrow:disabled:selected:focus, .osd modelbutton.flat arrow:disabled:selected:focus, modelbutton.flat .osd arrow:disabled:selected:focus, .osd expander title > arrow:disabled.has-open-popup:hover, expander .osd title > arrow:disabled.has-open-popup:hover, .osd notebook > header tabs > tab:disabled.has-open-popup:hover, notebook > header .osd tabs > tab:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover, .osd modelbutton.flat arrow:disabled.has-open-popup:hover, modelbutton.flat .osd arrow:disabled.has-open-popup:hover, .osd expander title > arrow:disabled.has-open-popup:focus, expander .osd title > arrow:disabled.has-open-popup:focus, .osd notebook > header tabs > tab:disabled.has-open-popup:focus, notebook > header .osd tabs > tab:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus, .osd modelbutton.flat arrow:disabled.has-open-popup:focus, modelbutton.flat .osd arrow:disabled.has-open-popup:focus, .osd button:disabled:checked:hover, .osd button:disabled:checked:focus, .osd button:disabled:selected:hover, .osd button:disabled:selected:focus, .osd button:disabled.has-open-popup:hover, .osd button:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.app-notification button:disabled:checked:hover, .app-notification.frame button:disabled:checked:hover, .csd popover.background.touch-selection button:disabled:checked:hover, .csd popover.background.magnifier button:disabled:checked:hover, popover.background.touch-selection button:disabled:checked:hover, popover.background.magnifier button:disabled:checked:hover, .app-notification button:disabled:checked:hover image, .app-notification.frame button:disabled:checked:hover image, .csd popover.background.touch-selection button:disabled:checked:hover image, .csd popover.background.magnifier button:disabled:checked:hover image, popover.background.touch-selection button:disabled:checked:hover image, popover.background.magnifier button:disabled:checked:hover image, .app-notification button:disabled:checked:hover arrow, .app-notification.frame button:disabled:checked:hover arrow, .csd popover.background.touch-selection button:disabled:checked:hover arrow, .csd popover.background.magnifier button:disabled:checked:hover arrow, popover.background.touch-selection button:disabled:checked:hover arrow, popover.background.magnifier button:disabled:checked:hover arrow, .app-notification button:disabled:checked:focus, .app-notification.frame button:disabled:checked:focus, .csd popover.background.touch-selection button:disabled:checked:focus, .csd popover.background.magnifier button:disabled:checked:focus, popover.background.touch-selection button:disabled:checked:focus, popover.background.magnifier button:disabled:checked:focus, .app-notification button:disabled:checked:focus image, .app-notification.frame button:disabled:checked:focus image, .csd popover.background.touch-selection button:disabled:checked:focus image, .csd popover.background.magnifier button:disabled:checked:focus image, popover.background.touch-selection button:disabled:checked:focus image, popover.background.magnifier button:disabled:checked:focus image, .app-notification button:disabled:checked:focus arrow, .app-notification.frame button:disabled:checked:focus arrow, .csd popover.background.touch-selection button:disabled:checked:focus arrow, .csd popover.background.magnifier button:disabled:checked:focus arrow, popover.background.touch-selection button:disabled:checked:focus arrow, popover.background.magnifier button:disabled:checked:focus arrow, .app-notification button:disabled:selected:hover, .app-notification.frame button:disabled:selected:hover, .csd popover.background.touch-selection button:disabled:selected:hover, .csd popover.background.magnifier button:disabled:selected:hover, popover.background.touch-selection button:disabled:selected:hover, popover.background.magnifier button:disabled:selected:hover, .app-notification button:disabled:selected:hover image, .app-notification.frame button:disabled:selected:hover image, .csd popover.background.touch-selection button:disabled:selected:hover image, .csd popover.background.magnifier button:disabled:selected:hover image, popover.background.touch-selection button:disabled:selected:hover image, popover.background.magnifier button:disabled:selected:hover image, .app-notification button:disabled:selected:hover arrow, .app-notification.frame button:disabled:selected:hover arrow, .csd popover.background.touch-selection button:disabled:selected:hover arrow, .csd popover.background.magnifier button:disabled:selected:hover arrow, popover.background.touch-selection button:disabled:selected:hover arrow, popover.background.magnifier button:disabled:selected:hover arrow, .app-notification button:disabled:selected:focus, .app-notification.frame button:disabled:selected:focus, .csd popover.background.touch-selection button:disabled:selected:focus, .csd popover.background.magnifier button:disabled:selected:focus, popover.background.touch-selection button:disabled:selected:focus, popover.background.magnifier button:disabled:selected:focus, .app-notification button:disabled:selected:focus image, .app-notification.frame button:disabled:selected:focus image, .csd popover.background.touch-selection button:disabled:selected:focus image, .csd popover.background.magnifier button:disabled:selected:focus image, popover.background.touch-selection button:disabled:selected:focus image, popover.background.magnifier button:disabled:selected:focus image, .app-notification button:disabled:selected:focus arrow, .app-notification.frame button:disabled:selected:focus arrow, .csd popover.background.touch-selection button:disabled:selected:focus arrow, .csd popover.background.magnifier button:disabled:selected:focus arrow, popover.background.touch-selection button:disabled:selected:focus arrow, popover.background.magnifier button:disabled:selected:focus arrow, .app-notification button:disabled.has-open-popup:hover, .app-notification.frame button:disabled.has-open-popup:hover, .csd popover.background.touch-selection button:disabled.has-open-popup:hover, .csd popover.background.magnifier button:disabled.has-open-popup:hover, popover.background.touch-selection button:disabled.has-open-popup:hover, popover.background.magnifier button:disabled.has-open-popup:hover, .app-notification button:disabled.has-open-popup:hover image, .app-notification.frame button:disabled.has-open-popup:hover image, .csd popover.background.touch-selection button:disabled.has-open-popup:hover image, .csd popover.background.magnifier button:disabled.has-open-popup:hover image, popover.background.touch-selection button:disabled.has-open-popup:hover image, popover.background.magnifier button:disabled.has-open-popup:hover image, .app-notification button:disabled.has-open-popup:hover arrow, .app-notification.frame button:disabled.has-open-popup:hover arrow, .csd popover.background.touch-selection button:disabled.has-open-popup:hover arrow, .csd popover.background.magnifier button:disabled.has-open-popup:hover arrow, popover.background.touch-selection button:disabled.has-open-popup:hover arrow, popover.background.magnifier button:disabled.has-open-popup:hover arrow, .app-notification button:disabled.has-open-popup:focus, .app-notification.frame button:disabled.has-open-popup:focus, .csd popover.background.touch-selection button:disabled.has-open-popup:focus, .csd popover.background.magnifier button:disabled.has-open-popup:focus, popover.background.touch-selection button:disabled.has-open-popup:focus, popover.background.magnifier button:disabled.has-open-popup:focus, .app-notification button:disabled.has-open-popup:focus image, .app-notification.frame button:disabled.has-open-popup:focus image, .csd popover.background.touch-selection button:disabled.has-open-popup:focus image, .csd popover.background.magnifier button:disabled.has-open-popup:focus image, popover.background.touch-selection button:disabled.has-open-popup:focus image, popover.background.magnifier button:disabled.has-open-popup:focus image, .app-notification button:disabled.has-open-popup:focus arrow, .app-notification.frame button:disabled.has-open-popup:focus arrow, .csd popover.background.touch-selection button:disabled.has-open-popup:focus arrow, .csd popover.background.magnifier button:disabled.has-open-popup:focus arrow, popover.background.touch-selection button:disabled.has-open-popup:focus arrow, popover.background.magnifier button:disabled.has-open-popup:focus arrow, .osd expander title > arrow:disabled:checked:hover, expander .osd title > arrow:disabled:checked:hover, .osd notebook > header tabs > tab:disabled:checked:hover, notebook > header .osd tabs > tab:disabled:checked:hover, .osd notebook > header > tabs > arrow:disabled:checked:hover, .osd treeview.view header button:disabled:checked:hover, treeview.view header .osd button:disabled:checked:hover, .osd modelbutton.flat arrow:disabled:checked:hover, modelbutton.flat .osd arrow:disabled:checked:hover, .osd expander title > arrow:disabled:checked:hover image, expander .osd title > arrow:disabled:checked:hover image, .osd notebook > header tabs > tab:disabled:checked:hover image, notebook > header .osd tabs > tab:disabled:checked:hover image, .osd notebook > header > tabs > arrow:disabled:checked:hover image, .osd treeview.view header button:disabled:checked:hover image, treeview.view header .osd button:disabled:checked:hover image, .osd modelbutton.flat arrow:disabled:checked:hover image, modelbutton.flat .osd arrow:disabled:checked:hover image, .osd expander title > arrow:disabled:checked:hover arrow, expander .osd title > arrow:disabled:checked:hover arrow, .osd notebook > header tabs > tab:disabled:checked:hover arrow, notebook > header .osd tabs > tab:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow:disabled:checked:hover arrow, .osd treeview.view header button:disabled:checked:hover arrow, treeview.view header .osd button:disabled:checked:hover arrow, .osd modelbutton.flat arrow:disabled:checked:hover arrow, modelbutton.flat .osd arrow:disabled:checked:hover arrow, .osd expander title > arrow:disabled:checked:focus, expander .osd title > arrow:disabled:checked:focus, .osd notebook > header tabs > tab:disabled:checked:focus, notebook > header .osd tabs > tab:disabled:checked:focus, .osd notebook > header > tabs > arrow:disabled:checked:focus, .osd treeview.view header button:disabled:checked:focus, treeview.view header .osd button:disabled:checked:focus, .osd modelbutton.flat arrow:disabled:checked:focus, modelbutton.flat .osd arrow:disabled:checked:focus, .osd expander title > arrow:disabled:checked:focus image, expander .osd title > arrow:disabled:checked:focus image, .osd notebook > header tabs > tab:disabled:checked:focus image, notebook > header .osd tabs > tab:disabled:checked:focus image, .osd notebook > header > tabs > arrow:disabled:checked:focus image, .osd treeview.view header button:disabled:checked:focus image, treeview.view header .osd button:disabled:checked:focus image, .osd modelbutton.flat arrow:disabled:checked:focus image, modelbutton.flat .osd arrow:disabled:checked:focus image, .osd expander title > arrow:disabled:checked:focus arrow, expander .osd title > arrow:disabled:checked:focus arrow, .osd notebook > header tabs > tab:disabled:checked:focus arrow, notebook > header .osd tabs > tab:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow:disabled:checked:focus arrow, .osd treeview.view header button:disabled:checked:focus arrow, treeview.view header .osd button:disabled:checked:focus arrow, .osd modelbutton.flat arrow:disabled:checked:focus arrow, modelbutton.flat .osd arrow:disabled:checked:focus arrow, .osd expander title > arrow:disabled:selected:hover, expander .osd title > arrow:disabled:selected:hover, .osd notebook > header tabs > tab:disabled:selected:hover, notebook > header .osd tabs > tab:disabled:selected:hover, .osd notebook > header > tabs > arrow:disabled:selected:hover, .osd treeview.view header button:disabled:selected:hover, treeview.view header .osd button:disabled:selected:hover, .osd modelbutton.flat arrow:disabled:selected:hover, modelbutton.flat .osd arrow:disabled:selected:hover, .osd expander title > arrow:disabled:selected:hover image, expander .osd title > arrow:disabled:selected:hover image, .osd notebook > header tabs > tab:disabled:selected:hover image, notebook > header .osd tabs > tab:disabled:selected:hover image, .osd notebook > header > tabs > arrow:disabled:selected:hover image, .osd treeview.view header button:disabled:selected:hover image, treeview.view header .osd button:disabled:selected:hover image, .osd modelbutton.flat arrow:disabled:selected:hover image, modelbutton.flat .osd arrow:disabled:selected:hover image, .osd expander title > arrow:disabled:selected:hover arrow, expander .osd title > arrow:disabled:selected:hover arrow, .osd notebook > header tabs > tab:disabled:selected:hover arrow, notebook > header .osd tabs > tab:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow:disabled:selected:hover arrow, .osd treeview.view header button:disabled:selected:hover arrow, treeview.view header .osd button:disabled:selected:hover arrow, .osd modelbutton.flat arrow:disabled:selected:hover arrow, modelbutton.flat .osd arrow:disabled:selected:hover arrow, .osd expander title > arrow:disabled:selected:focus, expander .osd title > arrow:disabled:selected:focus, .osd notebook > header tabs > tab:disabled:selected:focus, notebook > header .osd tabs > tab:disabled:selected:focus, .osd notebook > header > tabs > arrow:disabled:selected:focus, .osd treeview.view header button:disabled:selected:focus, treeview.view header .osd button:disabled:selected:focus, .osd modelbutton.flat arrow:disabled:selected:focus, modelbutton.flat .osd arrow:disabled:selected:focus, .osd expander title > arrow:disabled:selected:focus image, expander .osd title > arrow:disabled:selected:focus image, .osd notebook > header tabs > tab:disabled:selected:focus image, notebook > header .osd tabs > tab:disabled:selected:focus image, .osd notebook > header > tabs > arrow:disabled:selected:focus image, .osd treeview.view header button:disabled:selected:focus image, treeview.view header .osd button:disabled:selected:focus image, .osd modelbutton.flat arrow:disabled:selected:focus image, modelbutton.flat .osd arrow:disabled:selected:focus image, .osd expander title > arrow:disabled:selected:focus arrow, expander .osd title > arrow:disabled:selected:focus arrow, .osd notebook > header tabs > tab:disabled:selected:focus arrow, notebook > header .osd tabs > tab:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow:disabled:selected:focus arrow, .osd treeview.view header button:disabled:selected:focus arrow, treeview.view header .osd button:disabled:selected:focus arrow, .osd modelbutton.flat arrow:disabled:selected:focus arrow, modelbutton.flat .osd arrow:disabled:selected:focus arrow, .osd expander title > arrow:disabled.has-open-popup:hover, expander .osd title > arrow:disabled.has-open-popup:hover, .osd notebook > header tabs > tab:disabled.has-open-popup:hover, notebook > header .osd tabs > tab:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover, .osd treeview.view header button:disabled.has-open-popup:hover, treeview.view header .osd button:disabled.has-open-popup:hover, .osd modelbutton.flat arrow:disabled.has-open-popup:hover, modelbutton.flat .osd arrow:disabled.has-open-popup:hover, .osd expander title > arrow:disabled.has-open-popup:hover image, expander .osd title > arrow:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover image, .osd treeview.view header button:disabled.has-open-popup:hover image, treeview.view header .osd button:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow:disabled.has-open-popup:hover image, .osd expander title > arrow:disabled.has-open-popup:hover arrow, expander .osd title > arrow:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow:disabled.has-open-popup:hover arrow, .osd treeview.view header button:disabled.has-open-popup:hover arrow, treeview.view header .osd button:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow:disabled.has-open-popup:hover arrow, .osd expander title > arrow:disabled.has-open-popup:focus, expander .osd title > arrow:disabled.has-open-popup:focus, .osd notebook > header tabs > tab:disabled.has-open-popup:focus, notebook > header .osd tabs > tab:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus, .osd treeview.view header button:disabled.has-open-popup:focus, treeview.view header .osd button:disabled.has-open-popup:focus, .osd modelbutton.flat arrow:disabled.has-open-popup:focus, modelbutton.flat .osd arrow:disabled.has-open-popup:focus, .osd expander title > arrow:disabled.has-open-popup:focus image, expander .osd title > arrow:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus image, .osd treeview.view header button:disabled.has-open-popup:focus image, treeview.view header .osd button:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow:disabled.has-open-popup:focus image, .osd expander title > arrow:disabled.has-open-popup:focus arrow, expander .osd title > arrow:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow:disabled.has-open-popup:focus arrow, .osd treeview.view header button:disabled.has-open-popup:focus arrow, treeview.view header .osd button:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow:disabled.has-open-popup:focus arrow, .osd button:disabled:checked:hover, .osd button:disabled:checked:hover image, .osd button:disabled:checked:hover arrow, .osd button:disabled:checked:focus, .osd button:disabled:checked:focus image, .osd button:disabled:checked:focus arrow, .osd button:disabled:selected:hover, .osd button:disabled:selected:hover image, .osd button:disabled:selected:hover arrow, .osd button:disabled:selected:focus, .osd button:disabled:selected:focus image, .osd button:disabled:selected:focus arrow, .osd button:disabled.has-open-popup:hover, .osd button:disabled.has-open-popup:hover image, .osd button:disabled.has-open-popup:hover arrow, .osd button:disabled.has-open-popup:focus, .osd button:disabled.has-open-popup:focus image, .osd button:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.app-notification button:disabled:disabled, popover.background.touch-selection button:disabled:disabled, popover.background.magnifier button:disabled:disabled, .osd expander title > arrow:disabled:disabled, expander .osd title > arrow:disabled:disabled, .osd notebook > header tabs > tab:disabled:disabled, notebook > header .osd tabs > tab:disabled:disabled, .osd notebook > header > tabs > arrow:disabled:disabled, .osd modelbutton.flat arrow:disabled:disabled, modelbutton.flat .osd arrow:disabled:disabled, .osd button:disabled:disabled, .osd button:disabled:disabled:checked, .osd button:disabled:disabled:selected, .osd button:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, treeview.view header button.suggested-action, modelbutton.flat arrow.suggested-action, button.suggested-action, button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus, button.suggested-action.osd:hover, button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:hover image, notebook > header tabs > tab.suggested-action:hover image, notebook > header > tabs > arrow.suggested-action:hover image, modelbutton.flat arrow.suggested-action:hover image, expander title > arrow.suggested-action:hover arrow, notebook > header tabs > tab.suggested-action:hover arrow, notebook > header > tabs > arrow.suggested-action:hover arrow, modelbutton.flat arrow.suggested-action:hover arrow, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, expander title > arrow.suggested-action:focus image, notebook > header tabs > tab.suggested-action:focus image, notebook > header > tabs > arrow.suggested-action:focus image, modelbutton.flat arrow.suggested-action:focus image, expander title > arrow.suggested-action:focus arrow, notebook > header tabs > tab.suggested-action:focus arrow, notebook > header > tabs > arrow.suggested-action:focus arrow, modelbutton.flat arrow.suggested-action:focus arrow, button.suggested-action:hover, button.suggested-action:hover image, button.suggested-action:hover arrow, button.suggested-action:focus, button.suggested-action:focus image, button.suggested-action:focus arrow, button.suggested-action.osd:hover, button.suggested-action.osd:hover image, button.suggested-action.osd:hover arrow, button.suggested-action.osd:focus, button.suggested-action.osd:focus image, button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, expander title > arrow.suggested-action.keyboard-activating, notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header > tabs > arrow.suggested-action.keyboard-activating, modelbutton.flat arrow.suggested-action.keyboard-activating, button.suggested-action:active, button.suggested-action.keyboard-activating, button.suggested-action.osd:active, button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, expander title > arrow.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, modelbutton.flat arrow.suggested-action:selected, expander title > arrow.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, modelbutton.flat arrow.suggested-action.has-open-popup, button.suggested-action:checked, button.suggested-action:selected, button.suggested-action.has-open-popup, button.suggested-action.osd:checked, button.suggested-action.osd:selected, button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, expander title > arrow.suggested-action:checked image, notebook > header tabs > tab.suggested-action:checked image, notebook > header > tabs > arrow.suggested-action:checked image, modelbutton.flat arrow.suggested-action:checked image, expander title > arrow.suggested-action:checked arrow, notebook > header tabs > tab.suggested-action:checked arrow, notebook > header > tabs > arrow.suggested-action:checked arrow, modelbutton.flat arrow.suggested-action:checked arrow, expander title > arrow.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, modelbutton.flat arrow.suggested-action:selected, expander title > arrow.suggested-action:selected image, notebook > header tabs > tab.suggested-action:selected image, notebook > header > tabs > arrow.suggested-action:selected image, modelbutton.flat arrow.suggested-action:selected image, expander title > arrow.suggested-action:selected arrow, notebook > header tabs > tab.suggested-action:selected arrow, notebook > header > tabs > arrow.suggested-action:selected arrow, modelbutton.flat arrow.suggested-action:selected arrow, expander title > arrow.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, modelbutton.flat arrow.suggested-action.has-open-popup, expander title > arrow.suggested-action.has-open-popup image, notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header > tabs > arrow.suggested-action.has-open-popup image, modelbutton.flat arrow.suggested-action.has-open-popup image, expander title > arrow.suggested-action.has-open-popup arrow, notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, modelbutton.flat arrow.suggested-action.has-open-popup arrow, button.suggested-action:checked, button.suggested-action:checked image, button.suggested-action:checked arrow, button.suggested-action:selected, button.suggested-action:selected image, button.suggested-action:selected arrow, button.suggested-action.has-open-popup, button.suggested-action.has-open-popup image, button.suggested-action.has-open-popup arrow, button.suggested-action.osd:checked, button.suggested-action.osd:checked image, button.suggested-action.osd:checked arrow, button.suggested-action.osd:selected, button.suggested-action.osd:selected image, button.suggested-action.osd:selected arrow, button.suggested-action.osd.has-open-popup, button.suggested-action.osd.has-open-popup image, button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, modelbutton.flat arrow.suggested-action:checked:hover, expander title > arrow.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, modelbutton.flat arrow.suggested-action:checked:focus, expander title > arrow.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, modelbutton.flat arrow.suggested-action:selected:hover, expander title > arrow.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, modelbutton.flat arrow.suggested-action:selected:focus, expander title > arrow.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, modelbutton.flat arrow.suggested-action.has-open-popup:hover, expander title > arrow.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, modelbutton.flat arrow.suggested-action.has-open-popup:focus, button.suggested-action:checked:hover, button.suggested-action:checked:focus, button.suggested-action:selected:hover, button.suggested-action:selected:focus, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:focus, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:focus, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:focus, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, treeview.view header button.suggested-action:checked:hover, modelbutton.flat arrow.suggested-action:checked:hover, expander title > arrow.suggested-action:checked:hover image, notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header > tabs > arrow.suggested-action:checked:hover image, treeview.view header button.suggested-action:checked:hover image, modelbutton.flat arrow.suggested-action:checked:hover image, expander title > arrow.suggested-action:checked:hover arrow, notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header > tabs > arrow.suggested-action:checked:hover arrow, treeview.view header button.suggested-action:checked:hover arrow, modelbutton.flat arrow.suggested-action:checked:hover arrow, expander title > arrow.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, treeview.view header button.suggested-action:checked:focus, modelbutton.flat arrow.suggested-action:checked:focus, expander title > arrow.suggested-action:checked:focus image, notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header > tabs > arrow.suggested-action:checked:focus image, treeview.view header button.suggested-action:checked:focus image, modelbutton.flat arrow.suggested-action:checked:focus image, expander title > arrow.suggested-action:checked:focus arrow, notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header > tabs > arrow.suggested-action:checked:focus arrow, treeview.view header button.suggested-action:checked:focus arrow, modelbutton.flat arrow.suggested-action:checked:focus arrow, expander title > arrow.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, treeview.view header button.suggested-action:selected:hover, modelbutton.flat arrow.suggested-action:selected:hover, expander title > arrow.suggested-action:selected:hover image, notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header > tabs > arrow.suggested-action:selected:hover image, treeview.view header button.suggested-action:selected:hover image, modelbutton.flat arrow.suggested-action:selected:hover image, expander title > arrow.suggested-action:selected:hover arrow, notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header > tabs > arrow.suggested-action:selected:hover arrow, treeview.view header button.suggested-action:selected:hover arrow, modelbutton.flat arrow.suggested-action:selected:hover arrow, expander title > arrow.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, treeview.view header button.suggested-action:selected:focus, modelbutton.flat arrow.suggested-action:selected:focus, expander title > arrow.suggested-action:selected:focus image, notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header > tabs > arrow.suggested-action:selected:focus image, treeview.view header button.suggested-action:selected:focus image, modelbutton.flat arrow.suggested-action:selected:focus image, expander title > arrow.suggested-action:selected:focus arrow, notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header > tabs > arrow.suggested-action:selected:focus arrow, treeview.view header button.suggested-action:selected:focus arrow, modelbutton.flat arrow.suggested-action:selected:focus arrow, expander title > arrow.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, treeview.view header button.suggested-action.has-open-popup:hover, modelbutton.flat arrow.suggested-action.has-open-popup:hover, expander title > arrow.suggested-action.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, treeview.view header button.suggested-action.has-open-popup:hover image, modelbutton.flat arrow.suggested-action.has-open-popup:hover image, expander title > arrow.suggested-action.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, treeview.view header button.suggested-action.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action.has-open-popup:hover arrow, expander title > arrow.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, treeview.view header button.suggested-action.has-open-popup:focus, modelbutton.flat arrow.suggested-action.has-open-popup:focus, expander title > arrow.suggested-action.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, treeview.view header button.suggested-action.has-open-popup:focus image, modelbutton.flat arrow.suggested-action.has-open-popup:focus image, expander title > arrow.suggested-action.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, treeview.view header button.suggested-action.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action.has-open-popup:focus arrow, expander title > arrow.suggested-action.osd:checked:hover, notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header > tabs > arrow.suggested-action.osd:checked:hover, treeview.view header button.suggested-action.osd:checked:hover, modelbutton.flat arrow.suggested-action.osd:checked:hover, expander title > arrow.suggested-action.osd:checked:hover image, notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, treeview.view header button.suggested-action.osd:checked:hover image, modelbutton.flat arrow.suggested-action.osd:checked:hover image, expander title > arrow.suggested-action.osd:checked:hover arrow, notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, treeview.view header button.suggested-action.osd:checked:hover arrow, modelbutton.flat arrow.suggested-action.osd:checked:hover arrow, expander title > arrow.suggested-action.osd:checked:focus, notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header > tabs > arrow.suggested-action.osd:checked:focus, treeview.view header button.suggested-action.osd:checked:focus, modelbutton.flat arrow.suggested-action.osd:checked:focus, expander title > arrow.suggested-action.osd:checked:focus image, notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, treeview.view header button.suggested-action.osd:checked:focus image, modelbutton.flat arrow.suggested-action.osd:checked:focus image, expander title > arrow.suggested-action.osd:checked:focus arrow, notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, treeview.view header button.suggested-action.osd:checked:focus arrow, modelbutton.flat arrow.suggested-action.osd:checked:focus arrow, expander title > arrow.suggested-action.osd:selected:hover, notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header > tabs > arrow.suggested-action.osd:selected:hover, treeview.view header button.suggested-action.osd:selected:hover, modelbutton.flat arrow.suggested-action.osd:selected:hover, expander title > arrow.suggested-action.osd:selected:hover image, notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, treeview.view header button.suggested-action.osd:selected:hover image, modelbutton.flat arrow.suggested-action.osd:selected:hover image, expander title > arrow.suggested-action.osd:selected:hover arrow, notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, treeview.view header button.suggested-action.osd:selected:hover arrow, modelbutton.flat arrow.suggested-action.osd:selected:hover arrow, expander title > arrow.suggested-action.osd:selected:focus, notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header > tabs > arrow.suggested-action.osd:selected:focus, treeview.view header button.suggested-action.osd:selected:focus, modelbutton.flat arrow.suggested-action.osd:selected:focus, expander title > arrow.suggested-action.osd:selected:focus image, notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, treeview.view header button.suggested-action.osd:selected:focus image, modelbutton.flat arrow.suggested-action.osd:selected:focus image, expander title > arrow.suggested-action.osd:selected:focus arrow, notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, treeview.view header button.suggested-action.osd:selected:focus arrow, modelbutton.flat arrow.suggested-action.osd:selected:focus arrow, expander title > arrow.suggested-action.osd.has-open-popup:hover, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, treeview.view header button.suggested-action.osd.has-open-popup:hover, modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover, expander title > arrow.suggested-action.osd.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, treeview.view header button.suggested-action.osd.has-open-popup:hover image, modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover image, expander title > arrow.suggested-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, treeview.view header button.suggested-action.osd.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover arrow, expander title > arrow.suggested-action.osd.has-open-popup:focus, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, treeview.view header button.suggested-action.osd.has-open-popup:focus, modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus, expander title > arrow.suggested-action.osd.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, treeview.view header button.suggested-action.osd.has-open-popup:focus image, modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus image, expander title > arrow.suggested-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, treeview.view header button.suggested-action.osd.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus arrow, button.suggested-action:checked:hover, button.suggested-action:checked:hover image, button.suggested-action:checked:hover arrow, button.suggested-action:checked:focus, button.suggested-action:checked:focus image, button.suggested-action:checked:focus arrow, button.suggested-action:selected:hover, button.suggested-action:selected:hover image, button.suggested-action:selected:hover arrow, button.suggested-action:selected:focus, button.suggested-action:selected:focus image, button.suggested-action:selected:focus arrow, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:hover image, button.suggested-action.has-open-popup:hover arrow, button.suggested-action.has-open-popup:focus, button.suggested-action.has-open-popup:focus image, button.suggested-action.has-open-popup:focus arrow, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:hover image, button.suggested-action.osd:checked:hover arrow, button.suggested-action.osd:checked:focus, button.suggested-action.osd:checked:focus image, button.suggested-action.osd:checked:focus arrow, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:hover image, button.suggested-action.osd:selected:hover arrow, button.suggested-action.osd:selected:focus, button.suggested-action.osd:selected:focus image, button.suggested-action.osd:selected:focus arrow, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:hover image, button.suggested-action.osd.has-open-popup:hover arrow, button.suggested-action.osd.has-open-popup:focus, button.suggested-action.osd.has-open-popup:focus image, button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, modelbutton.flat arrow.suggested-action:disabled, button.suggested-action:disabled, button.suggested-action:disabled:checked, button.suggested-action:disabled:selected, button.suggested-action:disabled.has-open-popup, button.suggested-action.osd:disabled, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, modelbutton.flat arrow.suggested-action:disabled, button.suggested-action:disabled, button.suggested-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:disabled:hover, notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header > tabs > arrow.suggested-action:disabled:hover, modelbutton.flat arrow.suggested-action:disabled:hover, expander title > arrow.suggested-action:disabled:focus, notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header > tabs > arrow.suggested-action:disabled:focus, modelbutton.flat arrow.suggested-action:disabled:focus, button.suggested-action:disabled:hover, button.suggested-action:disabled:focus, button.suggested-action.osd:disabled:hover, button.suggested-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.suggested-action:disabled:hover, notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header > tabs > arrow.suggested-action:disabled:hover, modelbutton.flat arrow.suggested-action:disabled:hover, expander title > arrow.suggested-action:disabled:hover image, notebook > header tabs > tab.suggested-action:disabled:hover image, notebook > header > tabs > arrow.suggested-action:disabled:hover image, modelbutton.flat arrow.suggested-action:disabled:hover image, expander title > arrow.suggested-action:disabled:hover arrow, notebook > header tabs > tab.suggested-action:disabled:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled:hover arrow, modelbutton.flat arrow.suggested-action:disabled:hover arrow, expander title > arrow.suggested-action:disabled:focus, notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header > tabs > arrow.suggested-action:disabled:focus, modelbutton.flat arrow.suggested-action:disabled:focus, expander title > arrow.suggested-action:disabled:focus image, notebook > header tabs > tab.suggested-action:disabled:focus image, notebook > header > tabs > arrow.suggested-action:disabled:focus image, modelbutton.flat arrow.suggested-action:disabled:focus image, expander title > arrow.suggested-action:disabled:focus arrow, notebook > header tabs > tab.suggested-action:disabled:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled:focus arrow, modelbutton.flat arrow.suggested-action:disabled:focus arrow, button.suggested-action:disabled:hover, button.suggested-action:disabled:hover image, button.suggested-action:disabled:hover arrow, button.suggested-action:disabled:focus, button.suggested-action:disabled:focus image, button.suggested-action:disabled:focus arrow, button.suggested-action.osd:disabled:hover, button.suggested-action.osd:disabled:hover image, button.suggested-action.osd:disabled:hover arrow, button.suggested-action.osd:disabled:focus, button.suggested-action.osd:disabled:focus image, button.suggested-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.suggested-action:disabled:active, notebook > header tabs > tab.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:active, modelbutton.flat arrow.suggested-action:disabled:active, expander title > arrow.suggested-action:disabled.keyboard-activating, notebook > header tabs > tab.suggested-action:disabled.keyboard-activating, notebook > header > tabs > arrow.suggested-action:disabled.keyboard-activating, modelbutton.flat arrow.suggested-action:disabled.keyboard-activating, button.suggested-action:disabled:active, button.suggested-action:disabled.keyboard-activating, button.suggested-action.osd:disabled:active, button.suggested-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.suggested-action:disabled:checked, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, modelbutton.flat arrow.suggested-action:disabled:checked, expander title > arrow.suggested-action:disabled:selected, notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header > tabs > arrow.suggested-action:disabled:selected, modelbutton.flat arrow.suggested-action:disabled:selected, expander title > arrow.suggested-action:disabled.has-open-popup, notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, modelbutton.flat arrow.suggested-action:disabled.has-open-popup, button.suggested-action:disabled:checked, button.suggested-action:disabled:selected, button.suggested-action:disabled.has-open-popup, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:disabled:checked, notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header > tabs > arrow.suggested-action:disabled:checked, modelbutton.flat arrow.suggested-action:disabled:checked, expander title > arrow.suggested-action:disabled:checked image, notebook > header tabs > tab.suggested-action:disabled:checked image, notebook > header > tabs > arrow.suggested-action:disabled:checked image, modelbutton.flat arrow.suggested-action:disabled:checked image, expander title > arrow.suggested-action:disabled:checked arrow, notebook > header tabs > tab.suggested-action:disabled:checked arrow, notebook > header > tabs > arrow.suggested-action:disabled:checked arrow, modelbutton.flat arrow.suggested-action:disabled:checked arrow, expander title > arrow.suggested-action:disabled:selected, notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header > tabs > arrow.suggested-action:disabled:selected, modelbutton.flat arrow.suggested-action:disabled:selected, expander title > arrow.suggested-action:disabled:selected image, notebook > header tabs > tab.suggested-action:disabled:selected image, notebook > header > tabs > arrow.suggested-action:disabled:selected image, modelbutton.flat arrow.suggested-action:disabled:selected image, expander title > arrow.suggested-action:disabled:selected arrow, notebook > header tabs > tab.suggested-action:disabled:selected arrow, notebook > header > tabs > arrow.suggested-action:disabled:selected arrow, modelbutton.flat arrow.suggested-action:disabled:selected arrow, expander title > arrow.suggested-action:disabled.has-open-popup, notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, modelbutton.flat arrow.suggested-action:disabled.has-open-popup, expander title > arrow.suggested-action:disabled.has-open-popup image, notebook > header tabs > tab.suggested-action:disabled.has-open-popup image, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup image, modelbutton.flat arrow.suggested-action:disabled.has-open-popup image, expander title > arrow.suggested-action:disabled.has-open-popup arrow, notebook > header tabs > tab.suggested-action:disabled.has-open-popup arrow, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup arrow, modelbutton.flat arrow.suggested-action:disabled.has-open-popup arrow, button.suggested-action:disabled:checked, button.suggested-action:disabled:checked image, button.suggested-action:disabled:checked arrow, button.suggested-action:disabled:selected, button.suggested-action:disabled:selected image, button.suggested-action:disabled:selected arrow, button.suggested-action:disabled.has-open-popup, button.suggested-action:disabled.has-open-popup image, button.suggested-action:disabled.has-open-popup arrow, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:checked image, button.suggested-action.osd:disabled:checked arrow, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled:selected image, button.suggested-action.osd:disabled:selected arrow, button.suggested-action.osd:disabled.has-open-popup, button.suggested-action.osd:disabled.has-open-popup image, button.suggested-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.suggested-action:disabled:checked:hover, notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, modelbutton.flat arrow.suggested-action:disabled:checked:hover, expander title > arrow.suggested-action:disabled:checked:focus, notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, modelbutton.flat arrow.suggested-action:disabled:checked:focus, expander title > arrow.suggested-action:disabled:selected:hover, notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, modelbutton.flat arrow.suggested-action:disabled:selected:hover, expander title > arrow.suggested-action:disabled:selected:focus, notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, modelbutton.flat arrow.suggested-action:disabled:selected:focus, expander title > arrow.suggested-action:disabled.has-open-popup:hover, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, expander title > arrow.suggested-action:disabled.has-open-popup:focus, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, button.suggested-action:disabled:checked:hover, button.suggested-action:disabled:checked:focus, button.suggested-action:disabled:selected:hover, button.suggested-action:disabled:selected:focus, button.suggested-action:disabled.has-open-popup:hover, button.suggested-action:disabled.has-open-popup:focus, button.suggested-action.osd:disabled:checked:hover, button.suggested-action.osd:disabled:checked:focus, button.suggested-action.osd:disabled:selected:hover, button.suggested-action.osd:disabled:selected:focus, button.suggested-action.osd:disabled.has-open-popup:hover, button.suggested-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.suggested-action:disabled:checked:hover, notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, treeview.view header button.suggested-action:disabled:checked:hover, modelbutton.flat arrow.suggested-action:disabled:checked:hover, expander title > arrow.suggested-action:disabled:checked:hover image, notebook > header tabs > tab.suggested-action:disabled:checked:hover image, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover image, treeview.view header button.suggested-action:disabled:checked:hover image, modelbutton.flat arrow.suggested-action:disabled:checked:hover image, expander title > arrow.suggested-action:disabled:checked:hover arrow, notebook > header tabs > tab.suggested-action:disabled:checked:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled:checked:hover arrow, treeview.view header button.suggested-action:disabled:checked:hover arrow, modelbutton.flat arrow.suggested-action:disabled:checked:hover arrow, expander title > arrow.suggested-action:disabled:checked:focus, notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, treeview.view header button.suggested-action:disabled:checked:focus, modelbutton.flat arrow.suggested-action:disabled:checked:focus, expander title > arrow.suggested-action:disabled:checked:focus image, notebook > header tabs > tab.suggested-action:disabled:checked:focus image, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus image, treeview.view header button.suggested-action:disabled:checked:focus image, modelbutton.flat arrow.suggested-action:disabled:checked:focus image, expander title > arrow.suggested-action:disabled:checked:focus arrow, notebook > header tabs > tab.suggested-action:disabled:checked:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled:checked:focus arrow, treeview.view header button.suggested-action:disabled:checked:focus arrow, modelbutton.flat arrow.suggested-action:disabled:checked:focus arrow, expander title > arrow.suggested-action:disabled:selected:hover, notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, treeview.view header button.suggested-action:disabled:selected:hover, modelbutton.flat arrow.suggested-action:disabled:selected:hover, expander title > arrow.suggested-action:disabled:selected:hover image, notebook > header tabs > tab.suggested-action:disabled:selected:hover image, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover image, treeview.view header button.suggested-action:disabled:selected:hover image, modelbutton.flat arrow.suggested-action:disabled:selected:hover image, expander title > arrow.suggested-action:disabled:selected:hover arrow, notebook > header tabs > tab.suggested-action:disabled:selected:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled:selected:hover arrow, treeview.view header button.suggested-action:disabled:selected:hover arrow, modelbutton.flat arrow.suggested-action:disabled:selected:hover arrow, expander title > arrow.suggested-action:disabled:selected:focus, notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, treeview.view header button.suggested-action:disabled:selected:focus, modelbutton.flat arrow.suggested-action:disabled:selected:focus, expander title > arrow.suggested-action:disabled:selected:focus image, notebook > header tabs > tab.suggested-action:disabled:selected:focus image, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus image, treeview.view header button.suggested-action:disabled:selected:focus image, modelbutton.flat arrow.suggested-action:disabled:selected:focus image, expander title > arrow.suggested-action:disabled:selected:focus arrow, notebook > header tabs > tab.suggested-action:disabled:selected:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled:selected:focus arrow, treeview.view header button.suggested-action:disabled:selected:focus arrow, modelbutton.flat arrow.suggested-action:disabled:selected:focus arrow, expander title > arrow.suggested-action:disabled.has-open-popup:hover, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, treeview.view header button.suggested-action:disabled.has-open-popup:hover, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, expander title > arrow.suggested-action:disabled.has-open-popup:hover image, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover image, treeview.view header button.suggested-action:disabled.has-open-popup:hover image, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover image, expander title > arrow.suggested-action:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover arrow, treeview.view header button.suggested-action:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover arrow, expander title > arrow.suggested-action:disabled.has-open-popup:focus, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, treeview.view header button.suggested-action:disabled.has-open-popup:focus, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, expander title > arrow.suggested-action:disabled.has-open-popup:focus image, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus image, treeview.view header button.suggested-action:disabled.has-open-popup:focus image, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus image, expander title > arrow.suggested-action:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus arrow, treeview.view header button.suggested-action:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus arrow, expander title > arrow.suggested-action.osd:disabled:checked:hover, notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover, treeview.view header button.suggested-action.osd:disabled:checked:hover, modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover, expander title > arrow.suggested-action.osd:disabled:checked:hover image, notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover image, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover image, treeview.view header button.suggested-action.osd:disabled:checked:hover image, modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover image, expander title > arrow.suggested-action.osd:disabled:checked:hover arrow, notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover arrow, treeview.view header button.suggested-action.osd:disabled:checked:hover arrow, modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover arrow, expander title > arrow.suggested-action.osd:disabled:checked:focus, notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus, treeview.view header button.suggested-action.osd:disabled:checked:focus, modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus, expander title > arrow.suggested-action.osd:disabled:checked:focus image, notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus image, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus image, treeview.view header button.suggested-action.osd:disabled:checked:focus image, modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus image, expander title > arrow.suggested-action.osd:disabled:checked:focus arrow, notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus arrow, treeview.view header button.suggested-action.osd:disabled:checked:focus arrow, modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus arrow, expander title > arrow.suggested-action.osd:disabled:selected:hover, notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover, treeview.view header button.suggested-action.osd:disabled:selected:hover, modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover, expander title > arrow.suggested-action.osd:disabled:selected:hover image, notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover image, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover image, treeview.view header button.suggested-action.osd:disabled:selected:hover image, modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover image, expander title > arrow.suggested-action.osd:disabled:selected:hover arrow, notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover arrow, treeview.view header button.suggested-action.osd:disabled:selected:hover arrow, modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover arrow, expander title > arrow.suggested-action.osd:disabled:selected:focus, notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus, treeview.view header button.suggested-action.osd:disabled:selected:focus, modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus, expander title > arrow.suggested-action.osd:disabled:selected:focus image, notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus image, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus image, treeview.view header button.suggested-action.osd:disabled:selected:focus image, modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus image, expander title > arrow.suggested-action.osd:disabled:selected:focus arrow, notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus arrow, treeview.view header button.suggested-action.osd:disabled:selected:focus arrow, modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus arrow, expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover, treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover, expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover image, treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover image, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover image, expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus, treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus, expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus image, treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus image, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus image, expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, button.suggested-action:disabled:checked:hover, button.suggested-action:disabled:checked:hover image, button.suggested-action:disabled:checked:hover arrow, button.suggested-action:disabled:checked:focus, button.suggested-action:disabled:checked:focus image, button.suggested-action:disabled:checked:focus arrow, button.suggested-action:disabled:selected:hover, button.suggested-action:disabled:selected:hover image, button.suggested-action:disabled:selected:hover arrow, button.suggested-action:disabled:selected:focus, button.suggested-action:disabled:selected:focus image, button.suggested-action:disabled:selected:focus arrow, button.suggested-action:disabled.has-open-popup:hover, button.suggested-action:disabled.has-open-popup:hover image, button.suggested-action:disabled.has-open-popup:hover arrow, button.suggested-action:disabled.has-open-popup:focus, button.suggested-action:disabled.has-open-popup:focus image, button.suggested-action:disabled.has-open-popup:focus arrow, button.suggested-action.osd:disabled:checked:hover, button.suggested-action.osd:disabled:checked:hover image, button.suggested-action.osd:disabled:checked:hover arrow, button.suggested-action.osd:disabled:checked:focus, button.suggested-action.osd:disabled:checked:focus image, button.suggested-action.osd:disabled:checked:focus arrow, button.suggested-action.osd:disabled:selected:hover, button.suggested-action.osd:disabled:selected:hover image, button.suggested-action.osd:disabled:selected:hover arrow, button.suggested-action.osd:disabled:selected:focus, button.suggested-action.osd:disabled:selected:focus image, button.suggested-action.osd:disabled:selected:focus arrow, button.suggested-action.osd:disabled.has-open-popup:hover, button.suggested-action.osd:disabled.has-open-popup:hover image, button.suggested-action.osd:disabled.has-open-popup:hover arrow, button.suggested-action.osd:disabled.has-open-popup:focus, button.suggested-action.osd:disabled.has-open-popup:focus image, button.suggested-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.suggested-action:disabled:disabled, notebook > header tabs > tab.suggested-action:disabled:disabled, notebook > header > tabs > arrow.suggested-action:disabled:disabled, modelbutton.flat arrow.suggested-action:disabled:disabled, button.suggested-action:disabled:disabled, button.suggested-action:disabled:disabled:checked, button.suggested-action:disabled:disabled:selected, button.suggested-action:disabled:disabled.has-open-popup, button.suggested-action.osd:disabled:disabled, button.suggested-action.osd:disabled:disabled:checked, button.suggested-action.osd:disabled:disabled:selected, button.suggested-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.suggested-action, expander .osd title > arrow.suggested-action, .osd notebook > header tabs > tab.suggested-action, notebook > header .osd tabs > tab.suggested-action, .osd notebook > header > tabs > arrow.suggested-action, .osd modelbutton.flat arrow.suggested-action, modelbutton.flat .osd arrow.suggested-action, .osd button.suggested-action, .osd button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd expander title > arrow.suggested-action:focus, expander .osd title > arrow.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd modelbutton.flat arrow.suggested-action:focus, modelbutton.flat .osd arrow.suggested-action:focus, .osd button.suggested-action:hover, .osd button.suggested-action:focus, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd expander title > arrow.suggested-action:hover image, expander .osd title > arrow.suggested-action:hover image, .osd notebook > header tabs > tab.suggested-action:hover image, notebook > header .osd tabs > tab.suggested-action:hover image, .osd notebook > header > tabs > arrow.suggested-action:hover image, .osd modelbutton.flat arrow.suggested-action:hover image, modelbutton.flat .osd arrow.suggested-action:hover image, .osd expander title > arrow.suggested-action:hover arrow, expander .osd title > arrow.suggested-action:hover arrow, .osd notebook > header tabs > tab.suggested-action:hover arrow, notebook > header .osd tabs > tab.suggested-action:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:hover arrow, .osd modelbutton.flat arrow.suggested-action:hover arrow, modelbutton.flat .osd arrow.suggested-action:hover arrow, .osd expander title > arrow.suggested-action:focus, expander .osd title > arrow.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd modelbutton.flat arrow.suggested-action:focus, modelbutton.flat .osd arrow.suggested-action:focus, .osd expander title > arrow.suggested-action:focus image, expander .osd title > arrow.suggested-action:focus image, .osd notebook > header tabs > tab.suggested-action:focus image, notebook > header .osd tabs > tab.suggested-action:focus image, .osd notebook > header > tabs > arrow.suggested-action:focus image, .osd modelbutton.flat arrow.suggested-action:focus image, modelbutton.flat .osd arrow.suggested-action:focus image, .osd expander title > arrow.suggested-action:focus arrow, expander .osd title > arrow.suggested-action:focus arrow, .osd notebook > header tabs > tab.suggested-action:focus arrow, notebook > header .osd tabs > tab.suggested-action:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:focus arrow, .osd modelbutton.flat arrow.suggested-action:focus arrow, modelbutton.flat .osd arrow.suggested-action:focus arrow, .osd button.suggested-action:hover, .osd button.suggested-action:hover image, .osd button.suggested-action:hover arrow, .osd button.suggested-action:focus, .osd button.suggested-action:focus image, .osd button.suggested-action:focus arrow, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:hover image, .osd button.suggested-action.osd:hover arrow, .osd button.suggested-action.osd:focus, .osd button.suggested-action.osd:focus image, .osd button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action.keyboard-activating, expander .osd title > arrow.suggested-action.keyboard-activating, .osd notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header .osd tabs > tab.suggested-action.keyboard-activating, .osd notebook > header > tabs > arrow.suggested-action.keyboard-activating, .osd modelbutton.flat arrow.suggested-action.keyboard-activating, modelbutton.flat .osd arrow.suggested-action.keyboard-activating, .osd button.suggested-action:active, .osd button.suggested-action.keyboard-activating, .osd button.suggested-action.osd:active, .osd button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd expander title > arrow.suggested-action:selected, expander .osd title > arrow.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd modelbutton.flat arrow.suggested-action:selected, modelbutton.flat .osd arrow.suggested-action:selected, .osd expander title > arrow.suggested-action.has-open-popup, expander .osd title > arrow.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd modelbutton.flat arrow.suggested-action.has-open-popup, modelbutton.flat .osd arrow.suggested-action.has-open-popup, .osd button.suggested-action:checked, .osd button.suggested-action:selected, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd expander title > arrow.suggested-action:checked image, expander .osd title > arrow.suggested-action:checked image, .osd notebook > header tabs > tab.suggested-action:checked image, notebook > header .osd tabs > tab.suggested-action:checked image, .osd notebook > header > tabs > arrow.suggested-action:checked image, .osd modelbutton.flat arrow.suggested-action:checked image, modelbutton.flat .osd arrow.suggested-action:checked image, .osd expander title > arrow.suggested-action:checked arrow, expander .osd title > arrow.suggested-action:checked arrow, .osd notebook > header tabs > tab.suggested-action:checked arrow, notebook > header .osd tabs > tab.suggested-action:checked arrow, .osd notebook > header > tabs > arrow.suggested-action:checked arrow, .osd modelbutton.flat arrow.suggested-action:checked arrow, modelbutton.flat .osd arrow.suggested-action:checked arrow, .osd expander title > arrow.suggested-action:selected, expander .osd title > arrow.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd modelbutton.flat arrow.suggested-action:selected, modelbutton.flat .osd arrow.suggested-action:selected, .osd expander title > arrow.suggested-action:selected image, expander .osd title > arrow.suggested-action:selected image, .osd notebook > header tabs > tab.suggested-action:selected image, notebook > header .osd tabs > tab.suggested-action:selected image, .osd notebook > header > tabs > arrow.suggested-action:selected image, .osd modelbutton.flat arrow.suggested-action:selected image, modelbutton.flat .osd arrow.suggested-action:selected image, .osd expander title > arrow.suggested-action:selected arrow, expander .osd title > arrow.suggested-action:selected arrow, .osd notebook > header tabs > tab.suggested-action:selected arrow, notebook > header .osd tabs > tab.suggested-action:selected arrow, .osd notebook > header > tabs > arrow.suggested-action:selected arrow, .osd modelbutton.flat arrow.suggested-action:selected arrow, modelbutton.flat .osd arrow.suggested-action:selected arrow, .osd expander title > arrow.suggested-action.has-open-popup, expander .osd title > arrow.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd modelbutton.flat arrow.suggested-action.has-open-popup, modelbutton.flat .osd arrow.suggested-action.has-open-popup, .osd expander title > arrow.suggested-action.has-open-popup image, expander .osd title > arrow.suggested-action.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.has-open-popup image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup image, .osd modelbutton.flat arrow.suggested-action.has-open-popup image, modelbutton.flat .osd arrow.suggested-action.has-open-popup image, .osd expander title > arrow.suggested-action.has-open-popup arrow, expander .osd title > arrow.suggested-action.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, .osd modelbutton.flat arrow.suggested-action.has-open-popup arrow, modelbutton.flat .osd arrow.suggested-action.has-open-popup arrow, .osd expander title > arrow.suggested-action.osd:checked, expander .osd title > arrow.suggested-action.osd:checked, .osd notebook > header tabs > tab.suggested-action.osd:checked, notebook > header .osd tabs > tab.suggested-action.osd:checked, .osd expander title > arrow.suggested-action.osd:checked image, expander .osd title > arrow.suggested-action.osd:checked image, .osd notebook > header tabs > tab.suggested-action.osd:checked image, notebook > header .osd tabs > tab.suggested-action.osd:checked image, .osd expander title > arrow.suggested-action.osd:checked arrow, expander .osd title > arrow.suggested-action.osd:checked arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked arrow, .osd expander title > arrow.suggested-action.osd:selected, expander .osd title > arrow.suggested-action.osd:selected, .osd notebook > header tabs > tab.suggested-action.osd:selected, notebook > header .osd tabs > tab.suggested-action.osd:selected, .osd expander title > arrow.suggested-action.osd:selected image, expander .osd title > arrow.suggested-action.osd:selected image, .osd notebook > header tabs > tab.suggested-action.osd:selected image, notebook > header .osd tabs > tab.suggested-action.osd:selected image, .osd expander title > arrow.suggested-action.osd:selected arrow, expander .osd title > arrow.suggested-action.osd:selected arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected arrow, .osd expander title > arrow.suggested-action.osd.has-open-popup, expander .osd title > arrow.suggested-action.osd.has-open-popup, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup, .osd expander title > arrow.suggested-action.osd.has-open-popup image, expander .osd title > arrow.suggested-action.osd.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup image, .osd expander title > arrow.suggested-action.osd.has-open-popup arrow, expander .osd title > arrow.suggested-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup arrow, .osd button.suggested-action:checked, .osd button.suggested-action:checked image, .osd button.suggested-action:checked arrow, .osd button.suggested-action:selected, .osd button.suggested-action:selected image, .osd button.suggested-action:selected arrow, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.has-open-popup image, .osd button.suggested-action.has-open-popup arrow, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:checked image, .osd button.suggested-action.osd:checked arrow, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd:selected image, .osd button.suggested-action.osd:selected arrow, .osd button.suggested-action.osd.has-open-popup, .osd button.suggested-action.osd.has-open-popup image, .osd button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:checked:hover, expander .osd title > arrow.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd modelbutton.flat arrow.suggested-action:checked:hover, modelbutton.flat .osd arrow.suggested-action:checked:hover, .osd expander title > arrow.suggested-action:checked:focus, expander .osd title > arrow.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd modelbutton.flat arrow.suggested-action:checked:focus, modelbutton.flat .osd arrow.suggested-action:checked:focus, .osd expander title > arrow.suggested-action:selected:hover, expander .osd title > arrow.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd modelbutton.flat arrow.suggested-action:selected:hover, modelbutton.flat .osd arrow.suggested-action:selected:hover, .osd expander title > arrow.suggested-action:selected:focus, expander .osd title > arrow.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd modelbutton.flat arrow.suggested-action:selected:focus, modelbutton.flat .osd arrow.suggested-action:selected:focus, .osd expander title > arrow.suggested-action.has-open-popup:hover, expander .osd title > arrow.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover, .osd expander title > arrow.suggested-action.has-open-popup:focus, expander .osd title > arrow.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:focus, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:focus, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.suggested-action:checked:hover, expander .osd title > arrow.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd treeview.view header button.suggested-action:checked:hover, treeview.view header .osd button.suggested-action:checked:hover, .osd modelbutton.flat arrow.suggested-action:checked:hover, modelbutton.flat .osd arrow.suggested-action:checked:hover, .osd expander title > arrow.suggested-action:checked:hover image, expander .osd title > arrow.suggested-action:checked:hover image, .osd notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header .osd tabs > tab.suggested-action:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action:checked:hover image, .osd treeview.view header button.suggested-action:checked:hover image, treeview.view header .osd button.suggested-action:checked:hover image, .osd modelbutton.flat arrow.suggested-action:checked:hover image, modelbutton.flat .osd arrow.suggested-action:checked:hover image, .osd expander title > arrow.suggested-action:checked:hover arrow, expander .osd title > arrow.suggested-action:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:hover arrow, .osd treeview.view header button.suggested-action:checked:hover arrow, treeview.view header .osd button.suggested-action:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action:checked:hover arrow, .osd expander title > arrow.suggested-action:checked:focus, expander .osd title > arrow.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd treeview.view header button.suggested-action:checked:focus, treeview.view header .osd button.suggested-action:checked:focus, .osd modelbutton.flat arrow.suggested-action:checked:focus, modelbutton.flat .osd arrow.suggested-action:checked:focus, .osd expander title > arrow.suggested-action:checked:focus image, expander .osd title > arrow.suggested-action:checked:focus image, .osd notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header .osd tabs > tab.suggested-action:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action:checked:focus image, .osd treeview.view header button.suggested-action:checked:focus image, treeview.view header .osd button.suggested-action:checked:focus image, .osd modelbutton.flat arrow.suggested-action:checked:focus image, modelbutton.flat .osd arrow.suggested-action:checked:focus image, .osd expander title > arrow.suggested-action:checked:focus arrow, expander .osd title > arrow.suggested-action:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:focus arrow, .osd treeview.view header button.suggested-action:checked:focus arrow, treeview.view header .osd button.suggested-action:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action:checked:focus arrow, .osd expander title > arrow.suggested-action:selected:hover, expander .osd title > arrow.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd treeview.view header button.suggested-action:selected:hover, treeview.view header .osd button.suggested-action:selected:hover, .osd modelbutton.flat arrow.suggested-action:selected:hover, modelbutton.flat .osd arrow.suggested-action:selected:hover, .osd expander title > arrow.suggested-action:selected:hover image, expander .osd title > arrow.suggested-action:selected:hover image, .osd notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header .osd tabs > tab.suggested-action:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action:selected:hover image, .osd treeview.view header button.suggested-action:selected:hover image, treeview.view header .osd button.suggested-action:selected:hover image, .osd modelbutton.flat arrow.suggested-action:selected:hover image, modelbutton.flat .osd arrow.suggested-action:selected:hover image, .osd expander title > arrow.suggested-action:selected:hover arrow, expander .osd title > arrow.suggested-action:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:hover arrow, .osd treeview.view header button.suggested-action:selected:hover arrow, treeview.view header .osd button.suggested-action:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action:selected:hover arrow, .osd expander title > arrow.suggested-action:selected:focus, expander .osd title > arrow.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd treeview.view header button.suggested-action:selected:focus, treeview.view header .osd button.suggested-action:selected:focus, .osd modelbutton.flat arrow.suggested-action:selected:focus, modelbutton.flat .osd arrow.suggested-action:selected:focus, .osd expander title > arrow.suggested-action:selected:focus image, expander .osd title > arrow.suggested-action:selected:focus image, .osd notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header .osd tabs > tab.suggested-action:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action:selected:focus image, .osd treeview.view header button.suggested-action:selected:focus image, treeview.view header .osd button.suggested-action:selected:focus image, .osd modelbutton.flat arrow.suggested-action:selected:focus image, modelbutton.flat .osd arrow.suggested-action:selected:focus image, .osd expander title > arrow.suggested-action:selected:focus arrow, expander .osd title > arrow.suggested-action:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:focus arrow, .osd treeview.view header button.suggested-action:selected:focus arrow, treeview.view header .osd button.suggested-action:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action:selected:focus arrow, .osd expander title > arrow.suggested-action.has-open-popup:hover, expander .osd title > arrow.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd treeview.view header button.suggested-action.has-open-popup:hover, treeview.view header .osd button.suggested-action.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover, .osd expander title > arrow.suggested-action.has-open-popup:hover image, expander .osd title > arrow.suggested-action.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, .osd treeview.view header button.suggested-action.has-open-popup:hover image, treeview.view header .osd button.suggested-action.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover image, .osd expander title > arrow.suggested-action.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action.has-open-popup:focus, expander .osd title > arrow.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd treeview.view header button.suggested-action.has-open-popup:focus, treeview.view header .osd button.suggested-action.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus, .osd expander title > arrow.suggested-action.has-open-popup:focus image, expander .osd title > arrow.suggested-action.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, .osd treeview.view header button.suggested-action.has-open-popup:focus image, treeview.view header .osd button.suggested-action.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus image, .osd expander title > arrow.suggested-action.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action.has-open-popup:focus arrow, .osd expander title > arrow.suggested-action.osd:checked:hover, expander .osd title > arrow.suggested-action.osd:checked:hover, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover, .osd treeview.view header button.suggested-action.osd:checked:hover, treeview.view header .osd button.suggested-action.osd:checked:hover, .osd modelbutton.flat arrow.suggested-action.osd:checked:hover, modelbutton.flat .osd arrow.suggested-action.osd:checked:hover, .osd expander title > arrow.suggested-action.osd:checked:hover image, expander .osd title > arrow.suggested-action.osd:checked:hover image, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, .osd treeview.view header button.suggested-action.osd:checked:hover image, treeview.view header .osd button.suggested-action.osd:checked:hover image, .osd modelbutton.flat arrow.suggested-action.osd:checked:hover image, modelbutton.flat .osd arrow.suggested-action.osd:checked:hover image, .osd expander title > arrow.suggested-action.osd:checked:hover arrow, expander .osd title > arrow.suggested-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, .osd treeview.view header button.suggested-action.osd:checked:hover arrow, treeview.view header .osd button.suggested-action.osd:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:checked:hover arrow, .osd expander title > arrow.suggested-action.osd:checked:focus, expander .osd title > arrow.suggested-action.osd:checked:focus, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus, .osd treeview.view header button.suggested-action.osd:checked:focus, treeview.view header .osd button.suggested-action.osd:checked:focus, .osd modelbutton.flat arrow.suggested-action.osd:checked:focus, modelbutton.flat .osd arrow.suggested-action.osd:checked:focus, .osd expander title > arrow.suggested-action.osd:checked:focus image, expander .osd title > arrow.suggested-action.osd:checked:focus image, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, .osd treeview.view header button.suggested-action.osd:checked:focus image, treeview.view header .osd button.suggested-action.osd:checked:focus image, .osd modelbutton.flat arrow.suggested-action.osd:checked:focus image, modelbutton.flat .osd arrow.suggested-action.osd:checked:focus image, .osd expander title > arrow.suggested-action.osd:checked:focus arrow, expander .osd title > arrow.suggested-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, .osd treeview.view header button.suggested-action.osd:checked:focus arrow, treeview.view header .osd button.suggested-action.osd:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:checked:focus arrow, .osd expander title > arrow.suggested-action.osd:selected:hover, expander .osd title > arrow.suggested-action.osd:selected:hover, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover, .osd treeview.view header button.suggested-action.osd:selected:hover, treeview.view header .osd button.suggested-action.osd:selected:hover, .osd modelbutton.flat arrow.suggested-action.osd:selected:hover, modelbutton.flat .osd arrow.suggested-action.osd:selected:hover, .osd expander title > arrow.suggested-action.osd:selected:hover image, expander .osd title > arrow.suggested-action.osd:selected:hover image, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, .osd treeview.view header button.suggested-action.osd:selected:hover image, treeview.view header .osd button.suggested-action.osd:selected:hover image, .osd modelbutton.flat arrow.suggested-action.osd:selected:hover image, modelbutton.flat .osd arrow.suggested-action.osd:selected:hover image, .osd expander title > arrow.suggested-action.osd:selected:hover arrow, expander .osd title > arrow.suggested-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, .osd treeview.view header button.suggested-action.osd:selected:hover arrow, treeview.view header .osd button.suggested-action.osd:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:selected:hover arrow, .osd expander title > arrow.suggested-action.osd:selected:focus, expander .osd title > arrow.suggested-action.osd:selected:focus, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus, .osd treeview.view header button.suggested-action.osd:selected:focus, treeview.view header .osd button.suggested-action.osd:selected:focus, .osd modelbutton.flat arrow.suggested-action.osd:selected:focus, modelbutton.flat .osd arrow.suggested-action.osd:selected:focus, .osd expander title > arrow.suggested-action.osd:selected:focus image, expander .osd title > arrow.suggested-action.osd:selected:focus image, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, .osd treeview.view header button.suggested-action.osd:selected:focus image, treeview.view header .osd button.suggested-action.osd:selected:focus image, .osd modelbutton.flat arrow.suggested-action.osd:selected:focus image, modelbutton.flat .osd arrow.suggested-action.osd:selected:focus image, .osd expander title > arrow.suggested-action.osd:selected:focus arrow, expander .osd title > arrow.suggested-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, .osd treeview.view header button.suggested-action.osd:selected:focus arrow, treeview.view header .osd button.suggested-action.osd:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:selected:focus arrow, .osd expander title > arrow.suggested-action.osd.has-open-popup:hover, expander .osd title > arrow.suggested-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, .osd treeview.view header button.suggested-action.osd.has-open-popup:hover, treeview.view header .osd button.suggested-action.osd.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:hover, .osd expander title > arrow.suggested-action.osd.has-open-popup:hover image, expander .osd title > arrow.suggested-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, .osd treeview.view header button.suggested-action.osd.has-open-popup:hover image, treeview.view header .osd button.suggested-action.osd.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:hover image, .osd expander title > arrow.suggested-action.osd.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action.osd.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action.osd.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action.osd.has-open-popup:focus, expander .osd title > arrow.suggested-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, .osd treeview.view header button.suggested-action.osd.has-open-popup:focus, treeview.view header .osd button.suggested-action.osd.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:focus, .osd expander title > arrow.suggested-action.osd.has-open-popup:focus image, expander .osd title > arrow.suggested-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, .osd treeview.view header button.suggested-action.osd.has-open-popup:focus image, treeview.view header .osd button.suggested-action.osd.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:focus image, .osd expander title > arrow.suggested-action.osd.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action.osd.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action.osd.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd.has-open-popup:focus arrow, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:hover image, .osd button.suggested-action:checked:hover arrow, .osd button.suggested-action:checked:focus, .osd button.suggested-action:checked:focus image, .osd button.suggested-action:checked:focus arrow, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:hover image, .osd button.suggested-action:selected:hover arrow, .osd button.suggested-action:selected:focus, .osd button.suggested-action:selected:focus image, .osd button.suggested-action:selected:focus arrow, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:hover image, .osd button.suggested-action.has-open-popup:hover arrow, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.has-open-popup:focus image, .osd button.suggested-action.has-open-popup:focus arrow, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:hover image, .osd button.suggested-action.osd:checked:hover arrow, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:checked:focus image, .osd button.suggested-action.osd:checked:focus arrow, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:hover image, .osd button.suggested-action.osd:selected:hover arrow, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd:selected:focus image, .osd button.suggested-action.osd:selected:focus arrow, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:hover image, .osd button.suggested-action.osd.has-open-popup:hover arrow, .osd button.suggested-action.osd.has-open-popup:focus, .osd button.suggested-action.osd.has-open-popup:focus image, .osd button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action.osd:disabled, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled, .osd button.suggested-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:disabled:hover, expander .osd title > arrow.suggested-action:disabled:hover, .osd notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header .osd tabs > tab.suggested-action:disabled:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover, .osd modelbutton.flat arrow.suggested-action:disabled:hover, modelbutton.flat .osd arrow.suggested-action:disabled:hover, .osd expander title > arrow.suggested-action:disabled:focus, expander .osd title > arrow.suggested-action:disabled:focus, .osd notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header .osd tabs > tab.suggested-action:disabled:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus, .osd modelbutton.flat arrow.suggested-action:disabled:focus, modelbutton.flat .osd arrow.suggested-action:disabled:focus, .osd button.suggested-action:disabled:hover, .osd button.suggested-action:disabled:focus, .osd button.suggested-action.osd:disabled:hover, .osd button.suggested-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.suggested-action:disabled:hover, expander .osd title > arrow.suggested-action:disabled:hover, .osd notebook > header tabs > tab.suggested-action:disabled:hover, notebook > header .osd tabs > tab.suggested-action:disabled:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover, .osd modelbutton.flat arrow.suggested-action:disabled:hover, modelbutton.flat .osd arrow.suggested-action:disabled:hover, .osd expander title > arrow.suggested-action:disabled:hover image, expander .osd title > arrow.suggested-action:disabled:hover image, .osd notebook > header tabs > tab.suggested-action:disabled:hover image, notebook > header .osd tabs > tab.suggested-action:disabled:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover image, .osd modelbutton.flat arrow.suggested-action:disabled:hover image, modelbutton.flat .osd arrow.suggested-action:disabled:hover image, .osd expander title > arrow.suggested-action:disabled:hover arrow, expander .osd title > arrow.suggested-action:disabled:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled:hover arrow, .osd expander title > arrow.suggested-action:disabled:focus, expander .osd title > arrow.suggested-action:disabled:focus, .osd notebook > header tabs > tab.suggested-action:disabled:focus, notebook > header .osd tabs > tab.suggested-action:disabled:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus, .osd modelbutton.flat arrow.suggested-action:disabled:focus, modelbutton.flat .osd arrow.suggested-action:disabled:focus, .osd expander title > arrow.suggested-action:disabled:focus image, expander .osd title > arrow.suggested-action:disabled:focus image, .osd notebook > header tabs > tab.suggested-action:disabled:focus image, notebook > header .osd tabs > tab.suggested-action:disabled:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus image, .osd modelbutton.flat arrow.suggested-action:disabled:focus image, modelbutton.flat .osd arrow.suggested-action:disabled:focus image, .osd expander title > arrow.suggested-action:disabled:focus arrow, expander .osd title > arrow.suggested-action:disabled:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled:focus arrow, .osd button.suggested-action:disabled:hover, .osd button.suggested-action:disabled:hover image, .osd button.suggested-action:disabled:hover arrow, .osd button.suggested-action:disabled:focus, .osd button.suggested-action:disabled:focus image, .osd button.suggested-action:disabled:focus arrow, .osd button.suggested-action.osd:disabled:hover, .osd button.suggested-action.osd:disabled:hover image, .osd button.suggested-action.osd:disabled:hover arrow, .osd button.suggested-action.osd:disabled:focus, .osd button.suggested-action.osd:disabled:focus image, .osd button.suggested-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:active, expander .osd title > arrow.suggested-action:disabled:active, .osd notebook > header tabs > tab.suggested-action:disabled:active, notebook > header .osd tabs > tab.suggested-action:disabled:active, .osd notebook > header > tabs > arrow.suggested-action:disabled:active, .osd modelbutton.flat arrow.suggested-action:disabled:active, modelbutton.flat .osd arrow.suggested-action:disabled:active, .osd expander title > arrow.suggested-action:disabled.keyboard-activating, expander .osd title > arrow.suggested-action:disabled.keyboard-activating, .osd notebook > header tabs > tab.suggested-action:disabled.keyboard-activating, notebook > header .osd tabs > tab.suggested-action:disabled.keyboard-activating, .osd notebook > header > tabs > arrow.suggested-action:disabled.keyboard-activating, .osd modelbutton.flat arrow.suggested-action:disabled.keyboard-activating, modelbutton.flat .osd arrow.suggested-action:disabled.keyboard-activating, .osd button.suggested-action:disabled:active, .osd button.suggested-action:disabled.keyboard-activating, .osd button.suggested-action.osd:disabled:active, .osd button.suggested-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.suggested-action:disabled:checked, expander .osd title > arrow.suggested-action:disabled:checked, .osd notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header .osd tabs > tab.suggested-action:disabled:checked, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked, .osd modelbutton.flat arrow.suggested-action:disabled:checked, modelbutton.flat .osd arrow.suggested-action:disabled:checked, .osd expander title > arrow.suggested-action:disabled:selected, expander .osd title > arrow.suggested-action:disabled:selected, .osd notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header .osd tabs > tab.suggested-action:disabled:selected, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected, .osd modelbutton.flat arrow.suggested-action:disabled:selected, modelbutton.flat .osd arrow.suggested-action:disabled:selected, .osd expander title > arrow.suggested-action:disabled.has-open-popup, expander .osd title > arrow.suggested-action:disabled.has-open-popup, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:checked, expander .osd title > arrow.suggested-action:disabled:checked, .osd notebook > header tabs > tab.suggested-action:disabled:checked, notebook > header .osd tabs > tab.suggested-action:disabled:checked, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked, .osd modelbutton.flat arrow.suggested-action:disabled:checked, modelbutton.flat .osd arrow.suggested-action:disabled:checked, .osd expander title > arrow.suggested-action:disabled:checked image, expander .osd title > arrow.suggested-action:disabled:checked image, .osd notebook > header tabs > tab.suggested-action:disabled:checked image, notebook > header .osd tabs > tab.suggested-action:disabled:checked image, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked image, .osd modelbutton.flat arrow.suggested-action:disabled:checked image, modelbutton.flat .osd arrow.suggested-action:disabled:checked image, .osd expander title > arrow.suggested-action:disabled:checked arrow, expander .osd title > arrow.suggested-action:disabled:checked arrow, .osd notebook > header tabs > tab.suggested-action:disabled:checked arrow, notebook > header .osd tabs > tab.suggested-action:disabled:checked arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked arrow, .osd modelbutton.flat arrow.suggested-action:disabled:checked arrow, modelbutton.flat .osd arrow.suggested-action:disabled:checked arrow, .osd expander title > arrow.suggested-action:disabled:selected, expander .osd title > arrow.suggested-action:disabled:selected, .osd notebook > header tabs > tab.suggested-action:disabled:selected, notebook > header .osd tabs > tab.suggested-action:disabled:selected, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected, .osd modelbutton.flat arrow.suggested-action:disabled:selected, modelbutton.flat .osd arrow.suggested-action:disabled:selected, .osd expander title > arrow.suggested-action:disabled:selected image, expander .osd title > arrow.suggested-action:disabled:selected image, .osd notebook > header tabs > tab.suggested-action:disabled:selected image, notebook > header .osd tabs > tab.suggested-action:disabled:selected image, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected image, .osd modelbutton.flat arrow.suggested-action:disabled:selected image, modelbutton.flat .osd arrow.suggested-action:disabled:selected image, .osd expander title > arrow.suggested-action:disabled:selected arrow, expander .osd title > arrow.suggested-action:disabled:selected arrow, .osd notebook > header tabs > tab.suggested-action:disabled:selected arrow, notebook > header .osd tabs > tab.suggested-action:disabled:selected arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected arrow, .osd modelbutton.flat arrow.suggested-action:disabled:selected arrow, modelbutton.flat .osd arrow.suggested-action:disabled:selected arrow, .osd expander title > arrow.suggested-action:disabled.has-open-popup, expander .osd title > arrow.suggested-action:disabled.has-open-popup, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup, .osd expander title > arrow.suggested-action:disabled.has-open-popup image, expander .osd title > arrow.suggested-action:disabled.has-open-popup image, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup image, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup image, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup image, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup image, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup image, .osd expander title > arrow.suggested-action:disabled.has-open-popup arrow, expander .osd title > arrow.suggested-action:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup arrow, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup arrow, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup arrow, .osd expander title > arrow.suggested-action.osd:disabled:checked, expander .osd title > arrow.suggested-action.osd:disabled:checked, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked, .osd expander title > arrow.suggested-action.osd:disabled:checked image, expander .osd title > arrow.suggested-action.osd:disabled:checked image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked image, .osd expander title > arrow.suggested-action.osd:disabled:checked arrow, expander .osd title > arrow.suggested-action.osd:disabled:checked arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked arrow, .osd expander title > arrow.suggested-action.osd:disabled:selected, expander .osd title > arrow.suggested-action.osd:disabled:selected, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected, .osd expander title > arrow.suggested-action.osd:disabled:selected image, expander .osd title > arrow.suggested-action.osd:disabled:selected image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected image, .osd expander title > arrow.suggested-action.osd:disabled:selected arrow, expander .osd title > arrow.suggested-action.osd:disabled:selected arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected arrow, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup image, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup image, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup arrow, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup arrow, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:checked image, .osd button.suggested-action:disabled:checked arrow, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled:selected image, .osd button.suggested-action:disabled:selected arrow, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action:disabled.has-open-popup image, .osd button.suggested-action:disabled.has-open-popup arrow, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:checked image, .osd button.suggested-action.osd:disabled:checked arrow, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled:selected image, .osd button.suggested-action.osd:disabled:selected arrow, .osd button.suggested-action.osd:disabled.has-open-popup, .osd button.suggested-action.osd:disabled.has-open-popup image, .osd button.suggested-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:checked:hover, expander .osd title > arrow.suggested-action:disabled:checked:hover, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover, .osd expander title > arrow.suggested-action:disabled:checked:focus, expander .osd title > arrow.suggested-action:disabled:checked:focus, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus, .osd expander title > arrow.suggested-action:disabled:selected:hover, expander .osd title > arrow.suggested-action:disabled:selected:hover, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover, .osd expander title > arrow.suggested-action:disabled:selected:focus, expander .osd title > arrow.suggested-action:disabled:selected:focus, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus, .osd button.suggested-action:disabled:checked:hover, .osd button.suggested-action:disabled:checked:focus, .osd button.suggested-action:disabled:selected:hover, .osd button.suggested-action:disabled:selected:focus, .osd button.suggested-action:disabled.has-open-popup:hover, .osd button.suggested-action:disabled.has-open-popup:focus, .osd button.suggested-action.osd:disabled:checked:hover, .osd button.suggested-action.osd:disabled:checked:focus, .osd button.suggested-action.osd:disabled:selected:hover, .osd button.suggested-action.osd:disabled:selected:focus, .osd button.suggested-action.osd:disabled.has-open-popup:hover, .osd button.suggested-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.suggested-action:disabled:checked:hover, expander .osd title > arrow.suggested-action:disabled:checked:hover, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover, .osd treeview.view header button.suggested-action:disabled:checked:hover, treeview.view header .osd button.suggested-action:disabled:checked:hover, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover, .osd expander title > arrow.suggested-action:disabled:checked:hover image, expander .osd title > arrow.suggested-action:disabled:checked:hover image, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover image, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover image, .osd treeview.view header button.suggested-action:disabled:checked:hover image, treeview.view header .osd button.suggested-action:disabled:checked:hover image, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover image, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover image, .osd expander title > arrow.suggested-action:disabled:checked:hover arrow, expander .osd title > arrow.suggested-action:disabled:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:hover arrow, .osd treeview.view header button.suggested-action:disabled:checked:hover arrow, treeview.view header .osd button.suggested-action:disabled:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled:checked:hover arrow, .osd expander title > arrow.suggested-action:disabled:checked:focus, expander .osd title > arrow.suggested-action:disabled:checked:focus, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus, .osd treeview.view header button.suggested-action:disabled:checked:focus, treeview.view header .osd button.suggested-action:disabled:checked:focus, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus, .osd expander title > arrow.suggested-action:disabled:checked:focus image, expander .osd title > arrow.suggested-action:disabled:checked:focus image, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus image, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus image, .osd treeview.view header button.suggested-action:disabled:checked:focus image, treeview.view header .osd button.suggested-action:disabled:checked:focus image, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus image, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus image, .osd expander title > arrow.suggested-action:disabled:checked:focus arrow, expander .osd title > arrow.suggested-action:disabled:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:checked:focus arrow, .osd treeview.view header button.suggested-action:disabled:checked:focus arrow, treeview.view header .osd button.suggested-action:disabled:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled:checked:focus arrow, .osd expander title > arrow.suggested-action:disabled:selected:hover, expander .osd title > arrow.suggested-action:disabled:selected:hover, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover, .osd treeview.view header button.suggested-action:disabled:selected:hover, treeview.view header .osd button.suggested-action:disabled:selected:hover, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover, .osd expander title > arrow.suggested-action:disabled:selected:hover image, expander .osd title > arrow.suggested-action:disabled:selected:hover image, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover image, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover image, .osd treeview.view header button.suggested-action:disabled:selected:hover image, treeview.view header .osd button.suggested-action:disabled:selected:hover image, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover image, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover image, .osd expander title > arrow.suggested-action:disabled:selected:hover arrow, expander .osd title > arrow.suggested-action:disabled:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:hover arrow, .osd treeview.view header button.suggested-action:disabled:selected:hover arrow, treeview.view header .osd button.suggested-action:disabled:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled:selected:hover arrow, .osd expander title > arrow.suggested-action:disabled:selected:focus, expander .osd title > arrow.suggested-action:disabled:selected:focus, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus, .osd treeview.view header button.suggested-action:disabled:selected:focus, treeview.view header .osd button.suggested-action:disabled:selected:focus, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus, .osd expander title > arrow.suggested-action:disabled:selected:focus image, expander .osd title > arrow.suggested-action:disabled:selected:focus image, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus image, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus image, .osd treeview.view header button.suggested-action:disabled:selected:focus image, treeview.view header .osd button.suggested-action:disabled:selected:focus image, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus image, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus image, .osd expander title > arrow.suggested-action:disabled:selected:focus arrow, expander .osd title > arrow.suggested-action:disabled:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled:selected:focus arrow, .osd treeview.view header button.suggested-action:disabled:selected:focus arrow, treeview.view header .osd button.suggested-action:disabled:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled:selected:focus arrow, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover, .osd treeview.view header button.suggested-action:disabled.has-open-popup:hover, treeview.view header .osd button.suggested-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover image, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover image, .osd treeview.view header button.suggested-action:disabled.has-open-popup:hover image, treeview.view header .osd button.suggested-action:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover image, .osd expander title > arrow.suggested-action:disabled.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action:disabled.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus, .osd treeview.view header button.suggested-action:disabled.has-open-popup:focus, treeview.view header .osd button.suggested-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus image, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus image, .osd treeview.view header button.suggested-action:disabled.has-open-popup:focus image, treeview.view header .osd button.suggested-action:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus image, .osd expander title > arrow.suggested-action:disabled.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:disabled.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action:disabled.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action:disabled.has-open-popup:focus arrow, .osd expander title > arrow.suggested-action.osd:disabled:checked:hover, expander .osd title > arrow.suggested-action.osd:disabled:checked:hover, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover, .osd treeview.view header button.suggested-action.osd:disabled:checked:hover, treeview.view header .osd button.suggested-action.osd:disabled:checked:hover, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:hover, .osd expander title > arrow.suggested-action.osd:disabled:checked:hover image, expander .osd title > arrow.suggested-action.osd:disabled:checked:hover image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover image, .osd treeview.view header button.suggested-action.osd:disabled:checked:hover image, treeview.view header .osd button.suggested-action.osd:disabled:checked:hover image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:hover image, .osd expander title > arrow.suggested-action.osd:disabled:checked:hover arrow, expander .osd title > arrow.suggested-action.osd:disabled:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:hover arrow, .osd treeview.view header button.suggested-action.osd:disabled:checked:hover arrow, treeview.view header .osd button.suggested-action.osd:disabled:checked:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:hover arrow, .osd expander title > arrow.suggested-action.osd:disabled:checked:focus, expander .osd title > arrow.suggested-action.osd:disabled:checked:focus, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus, .osd treeview.view header button.suggested-action.osd:disabled:checked:focus, treeview.view header .osd button.suggested-action.osd:disabled:checked:focus, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:focus, .osd expander title > arrow.suggested-action.osd:disabled:checked:focus image, expander .osd title > arrow.suggested-action.osd:disabled:checked:focus image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus image, .osd treeview.view header button.suggested-action.osd:disabled:checked:focus image, treeview.view header .osd button.suggested-action.osd:disabled:checked:focus image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:focus image, .osd expander title > arrow.suggested-action.osd:disabled:checked:focus arrow, expander .osd title > arrow.suggested-action.osd:disabled:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:checked:focus arrow, .osd treeview.view header button.suggested-action.osd:disabled:checked:focus arrow, treeview.view header .osd button.suggested-action.osd:disabled:checked:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:checked:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:checked:focus arrow, .osd expander title > arrow.suggested-action.osd:disabled:selected:hover, expander .osd title > arrow.suggested-action.osd:disabled:selected:hover, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover, .osd treeview.view header button.suggested-action.osd:disabled:selected:hover, treeview.view header .osd button.suggested-action.osd:disabled:selected:hover, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:hover, .osd expander title > arrow.suggested-action.osd:disabled:selected:hover image, expander .osd title > arrow.suggested-action.osd:disabled:selected:hover image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover image, .osd treeview.view header button.suggested-action.osd:disabled:selected:hover image, treeview.view header .osd button.suggested-action.osd:disabled:selected:hover image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:hover image, .osd expander title > arrow.suggested-action.osd:disabled:selected:hover arrow, expander .osd title > arrow.suggested-action.osd:disabled:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:hover arrow, .osd treeview.view header button.suggested-action.osd:disabled:selected:hover arrow, treeview.view header .osd button.suggested-action.osd:disabled:selected:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:hover arrow, .osd expander title > arrow.suggested-action.osd:disabled:selected:focus, expander .osd title > arrow.suggested-action.osd:disabled:selected:focus, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus, .osd treeview.view header button.suggested-action.osd:disabled:selected:focus, treeview.view header .osd button.suggested-action.osd:disabled:selected:focus, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:focus, .osd expander title > arrow.suggested-action.osd:disabled:selected:focus image, expander .osd title > arrow.suggested-action.osd:disabled:selected:focus image, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus image, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus image, .osd treeview.view header button.suggested-action.osd:disabled:selected:focus image, treeview.view header .osd button.suggested-action.osd:disabled:selected:focus image, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus image, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:focus image, .osd expander title > arrow.suggested-action.osd:disabled:selected:focus arrow, expander .osd title > arrow.suggested-action.osd:disabled:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled:selected:focus arrow, .osd treeview.view header button.suggested-action.osd:disabled:selected:focus arrow, treeview.view header .osd button.suggested-action.osd:disabled:selected:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled:selected:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled:selected:focus arrow, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:hover, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover image, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover image, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover image, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:hover image, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:hover arrow, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:focus, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus image, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus image, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus image, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:focus image, .osd expander title > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, expander .osd title > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd treeview.view header button.suggested-action.osd:disabled.has-open-popup:focus arrow, treeview.view header .osd button.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.suggested-action.osd:disabled.has-open-popup:focus arrow, .osd button.suggested-action:disabled:checked:hover, .osd button.suggested-action:disabled:checked:hover image, .osd button.suggested-action:disabled:checked:hover arrow, .osd button.suggested-action:disabled:checked:focus, .osd button.suggested-action:disabled:checked:focus image, .osd button.suggested-action:disabled:checked:focus arrow, .osd button.suggested-action:disabled:selected:hover, .osd button.suggested-action:disabled:selected:hover image, .osd button.suggested-action:disabled:selected:hover arrow, .osd button.suggested-action:disabled:selected:focus, .osd button.suggested-action:disabled:selected:focus image, .osd button.suggested-action:disabled:selected:focus arrow, .osd button.suggested-action:disabled.has-open-popup:hover, .osd button.suggested-action:disabled.has-open-popup:hover image, .osd button.suggested-action:disabled.has-open-popup:hover arrow, .osd button.suggested-action:disabled.has-open-popup:focus, .osd button.suggested-action:disabled.has-open-popup:focus image, .osd button.suggested-action:disabled.has-open-popup:focus arrow, .osd button.suggested-action.osd:disabled:checked:hover, .osd button.suggested-action.osd:disabled:checked:hover image, .osd button.suggested-action.osd:disabled:checked:hover arrow, .osd button.suggested-action.osd:disabled:checked:focus, .osd button.suggested-action.osd:disabled:checked:focus image, .osd button.suggested-action.osd:disabled:checked:focus arrow, .osd button.suggested-action.osd:disabled:selected:hover, .osd button.suggested-action.osd:disabled:selected:hover image, .osd button.suggested-action.osd:disabled:selected:hover arrow, .osd button.suggested-action.osd:disabled:selected:focus, .osd button.suggested-action.osd:disabled:selected:focus image, .osd button.suggested-action.osd:disabled:selected:focus arrow, .osd button.suggested-action.osd:disabled.has-open-popup:hover, .osd button.suggested-action.osd:disabled.has-open-popup:hover image, .osd button.suggested-action.osd:disabled.has-open-popup:hover arrow, .osd button.suggested-action.osd:disabled.has-open-popup:focus, .osd button.suggested-action.osd:disabled.has-open-popup:focus image, .osd button.suggested-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.suggested-action:disabled:disabled, expander .osd title > arrow.suggested-action:disabled:disabled, .osd notebook > header tabs > tab.suggested-action:disabled:disabled, notebook > header .osd tabs > tab.suggested-action:disabled:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled:disabled, .osd modelbutton.flat arrow.suggested-action:disabled:disabled, modelbutton.flat .osd arrow.suggested-action:disabled:disabled, .osd button.suggested-action:disabled:disabled, .osd button.suggested-action:disabled:disabled:checked, .osd button.suggested-action:disabled:disabled:selected, .osd button.suggested-action:disabled:disabled.has-open-popup, .osd button.suggested-action.osd:disabled:disabled, .osd button.suggested-action.osd:disabled:disabled:checked, .osd button.suggested-action.osd:disabled:disabled:selected, .osd button.suggested-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header > tabs > arrow.destructive-action, treeview.view header button.destructive-action, modelbutton.flat arrow.destructive-action, button.destructive-action, button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus, button.destructive-action.osd:hover, button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:hover image, notebook > header tabs > tab.destructive-action:hover image, notebook > header > tabs > arrow.destructive-action:hover image, modelbutton.flat arrow.destructive-action:hover image, expander title > arrow.destructive-action:hover arrow, notebook > header tabs > tab.destructive-action:hover arrow, notebook > header > tabs > arrow.destructive-action:hover arrow, modelbutton.flat arrow.destructive-action:hover arrow, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, expander title > arrow.destructive-action:focus image, notebook > header tabs > tab.destructive-action:focus image, notebook > header > tabs > arrow.destructive-action:focus image, modelbutton.flat arrow.destructive-action:focus image, expander title > arrow.destructive-action:focus arrow, notebook > header tabs > tab.destructive-action:focus arrow, notebook > header > tabs > arrow.destructive-action:focus arrow, modelbutton.flat arrow.destructive-action:focus arrow, button.destructive-action:hover, button.destructive-action:hover image, button.destructive-action:hover arrow, button.destructive-action:focus, button.destructive-action:focus image, button.destructive-action:focus arrow, button.destructive-action.osd:hover, button.destructive-action.osd:hover image, button.destructive-action.osd:hover arrow, button.destructive-action.osd:focus, button.destructive-action.osd:focus image, button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, expander title > arrow.destructive-action.keyboard-activating, notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header > tabs > arrow.destructive-action.keyboard-activating, modelbutton.flat arrow.destructive-action.keyboard-activating, button.destructive-action:active, button.destructive-action.keyboard-activating, button.destructive-action.osd:active, button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, expander title > arrow.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, modelbutton.flat arrow.destructive-action:selected, expander title > arrow.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, modelbutton.flat arrow.destructive-action.has-open-popup, button.destructive-action:checked, button.destructive-action:selected, button.destructive-action.has-open-popup, button.destructive-action.osd:checked, button.destructive-action.osd:selected, button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, expander title > arrow.destructive-action:checked image, notebook > header tabs > tab.destructive-action:checked image, notebook > header > tabs > arrow.destructive-action:checked image, modelbutton.flat arrow.destructive-action:checked image, expander title > arrow.destructive-action:checked arrow, notebook > header tabs > tab.destructive-action:checked arrow, notebook > header > tabs > arrow.destructive-action:checked arrow, modelbutton.flat arrow.destructive-action:checked arrow, expander title > arrow.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, modelbutton.flat arrow.destructive-action:selected, expander title > arrow.destructive-action:selected image, notebook > header tabs > tab.destructive-action:selected image, notebook > header > tabs > arrow.destructive-action:selected image, modelbutton.flat arrow.destructive-action:selected image, expander title > arrow.destructive-action:selected arrow, notebook > header tabs > tab.destructive-action:selected arrow, notebook > header > tabs > arrow.destructive-action:selected arrow, modelbutton.flat arrow.destructive-action:selected arrow, expander title > arrow.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, modelbutton.flat arrow.destructive-action.has-open-popup, expander title > arrow.destructive-action.has-open-popup image, notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header > tabs > arrow.destructive-action.has-open-popup image, modelbutton.flat arrow.destructive-action.has-open-popup image, expander title > arrow.destructive-action.has-open-popup arrow, notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, modelbutton.flat arrow.destructive-action.has-open-popup arrow, button.destructive-action:checked, button.destructive-action:checked image, button.destructive-action:checked arrow, button.destructive-action:selected, button.destructive-action:selected image, button.destructive-action:selected arrow, button.destructive-action.has-open-popup, button.destructive-action.has-open-popup image, button.destructive-action.has-open-popup arrow, button.destructive-action.osd:checked, button.destructive-action.osd:checked image, button.destructive-action.osd:checked arrow, button.destructive-action.osd:selected, button.destructive-action.osd:selected image, button.destructive-action.osd:selected arrow, button.destructive-action.osd.has-open-popup, button.destructive-action.osd.has-open-popup image, button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, modelbutton.flat arrow.destructive-action:checked:hover, expander title > arrow.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, modelbutton.flat arrow.destructive-action:checked:focus, expander title > arrow.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, modelbutton.flat arrow.destructive-action:selected:hover, expander title > arrow.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, modelbutton.flat arrow.destructive-action:selected:focus, expander title > arrow.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, modelbutton.flat arrow.destructive-action.has-open-popup:hover, expander title > arrow.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, modelbutton.flat arrow.destructive-action.has-open-popup:focus, button.destructive-action:checked:hover, button.destructive-action:checked:focus, button.destructive-action:selected:hover, button.destructive-action:selected:focus, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:focus, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:focus, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:focus, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, treeview.view header button.destructive-action:checked:hover, modelbutton.flat arrow.destructive-action:checked:hover, expander title > arrow.destructive-action:checked:hover image, notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header > tabs > arrow.destructive-action:checked:hover image, treeview.view header button.destructive-action:checked:hover image, modelbutton.flat arrow.destructive-action:checked:hover image, expander title > arrow.destructive-action:checked:hover arrow, notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header > tabs > arrow.destructive-action:checked:hover arrow, treeview.view header button.destructive-action:checked:hover arrow, modelbutton.flat arrow.destructive-action:checked:hover arrow, expander title > arrow.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, treeview.view header button.destructive-action:checked:focus, modelbutton.flat arrow.destructive-action:checked:focus, expander title > arrow.destructive-action:checked:focus image, notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header > tabs > arrow.destructive-action:checked:focus image, treeview.view header button.destructive-action:checked:focus image, modelbutton.flat arrow.destructive-action:checked:focus image, expander title > arrow.destructive-action:checked:focus arrow, notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header > tabs > arrow.destructive-action:checked:focus arrow, treeview.view header button.destructive-action:checked:focus arrow, modelbutton.flat arrow.destructive-action:checked:focus arrow, expander title > arrow.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, treeview.view header button.destructive-action:selected:hover, modelbutton.flat arrow.destructive-action:selected:hover, expander title > arrow.destructive-action:selected:hover image, notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header > tabs > arrow.destructive-action:selected:hover image, treeview.view header button.destructive-action:selected:hover image, modelbutton.flat arrow.destructive-action:selected:hover image, expander title > arrow.destructive-action:selected:hover arrow, notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header > tabs > arrow.destructive-action:selected:hover arrow, treeview.view header button.destructive-action:selected:hover arrow, modelbutton.flat arrow.destructive-action:selected:hover arrow, expander title > arrow.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, treeview.view header button.destructive-action:selected:focus, modelbutton.flat arrow.destructive-action:selected:focus, expander title > arrow.destructive-action:selected:focus image, notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header > tabs > arrow.destructive-action:selected:focus image, treeview.view header button.destructive-action:selected:focus image, modelbutton.flat arrow.destructive-action:selected:focus image, expander title > arrow.destructive-action:selected:focus arrow, notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header > tabs > arrow.destructive-action:selected:focus arrow, treeview.view header button.destructive-action:selected:focus arrow, modelbutton.flat arrow.destructive-action:selected:focus arrow, expander title > arrow.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, treeview.view header button.destructive-action.has-open-popup:hover, modelbutton.flat arrow.destructive-action.has-open-popup:hover, expander title > arrow.destructive-action.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, treeview.view header button.destructive-action.has-open-popup:hover image, modelbutton.flat arrow.destructive-action.has-open-popup:hover image, expander title > arrow.destructive-action.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, treeview.view header button.destructive-action.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action.has-open-popup:hover arrow, expander title > arrow.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, treeview.view header button.destructive-action.has-open-popup:focus, modelbutton.flat arrow.destructive-action.has-open-popup:focus, expander title > arrow.destructive-action.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, treeview.view header button.destructive-action.has-open-popup:focus image, modelbutton.flat arrow.destructive-action.has-open-popup:focus image, expander title > arrow.destructive-action.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, treeview.view header button.destructive-action.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action.has-open-popup:focus arrow, expander title > arrow.destructive-action.osd:checked:hover, notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header > tabs > arrow.destructive-action.osd:checked:hover, treeview.view header button.destructive-action.osd:checked:hover, modelbutton.flat arrow.destructive-action.osd:checked:hover, expander title > arrow.destructive-action.osd:checked:hover image, notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, treeview.view header button.destructive-action.osd:checked:hover image, modelbutton.flat arrow.destructive-action.osd:checked:hover image, expander title > arrow.destructive-action.osd:checked:hover arrow, notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, treeview.view header button.destructive-action.osd:checked:hover arrow, modelbutton.flat arrow.destructive-action.osd:checked:hover arrow, expander title > arrow.destructive-action.osd:checked:focus, notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header > tabs > arrow.destructive-action.osd:checked:focus, treeview.view header button.destructive-action.osd:checked:focus, modelbutton.flat arrow.destructive-action.osd:checked:focus, expander title > arrow.destructive-action.osd:checked:focus image, notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, treeview.view header button.destructive-action.osd:checked:focus image, modelbutton.flat arrow.destructive-action.osd:checked:focus image, expander title > arrow.destructive-action.osd:checked:focus arrow, notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, treeview.view header button.destructive-action.osd:checked:focus arrow, modelbutton.flat arrow.destructive-action.osd:checked:focus arrow, expander title > arrow.destructive-action.osd:selected:hover, notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header > tabs > arrow.destructive-action.osd:selected:hover, treeview.view header button.destructive-action.osd:selected:hover, modelbutton.flat arrow.destructive-action.osd:selected:hover, expander title > arrow.destructive-action.osd:selected:hover image, notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, treeview.view header button.destructive-action.osd:selected:hover image, modelbutton.flat arrow.destructive-action.osd:selected:hover image, expander title > arrow.destructive-action.osd:selected:hover arrow, notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, treeview.view header button.destructive-action.osd:selected:hover arrow, modelbutton.flat arrow.destructive-action.osd:selected:hover arrow, expander title > arrow.destructive-action.osd:selected:focus, notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header > tabs > arrow.destructive-action.osd:selected:focus, treeview.view header button.destructive-action.osd:selected:focus, modelbutton.flat arrow.destructive-action.osd:selected:focus, expander title > arrow.destructive-action.osd:selected:focus image, notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, treeview.view header button.destructive-action.osd:selected:focus image, modelbutton.flat arrow.destructive-action.osd:selected:focus image, expander title > arrow.destructive-action.osd:selected:focus arrow, notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, treeview.view header button.destructive-action.osd:selected:focus arrow, modelbutton.flat arrow.destructive-action.osd:selected:focus arrow, expander title > arrow.destructive-action.osd.has-open-popup:hover, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, treeview.view header button.destructive-action.osd.has-open-popup:hover, modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover, expander title > arrow.destructive-action.osd.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, treeview.view header button.destructive-action.osd.has-open-popup:hover image, modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover image, expander title > arrow.destructive-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, treeview.view header button.destructive-action.osd.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover arrow, expander title > arrow.destructive-action.osd.has-open-popup:focus, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, treeview.view header button.destructive-action.osd.has-open-popup:focus, modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus, expander title > arrow.destructive-action.osd.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, treeview.view header button.destructive-action.osd.has-open-popup:focus image, modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus image, expander title > arrow.destructive-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, treeview.view header button.destructive-action.osd.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus arrow, button.destructive-action:checked:hover, button.destructive-action:checked:hover image, button.destructive-action:checked:hover arrow, button.destructive-action:checked:focus, button.destructive-action:checked:focus image, button.destructive-action:checked:focus arrow, button.destructive-action:selected:hover, button.destructive-action:selected:hover image, button.destructive-action:selected:hover arrow, button.destructive-action:selected:focus, button.destructive-action:selected:focus image, button.destructive-action:selected:focus arrow, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:hover image, button.destructive-action.has-open-popup:hover arrow, button.destructive-action.has-open-popup:focus, button.destructive-action.has-open-popup:focus image, button.destructive-action.has-open-popup:focus arrow, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:hover image, button.destructive-action.osd:checked:hover arrow, button.destructive-action.osd:checked:focus, button.destructive-action.osd:checked:focus image, button.destructive-action.osd:checked:focus arrow, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:hover image, button.destructive-action.osd:selected:hover arrow, button.destructive-action.osd:selected:focus, button.destructive-action.osd:selected:focus image, button.destructive-action.osd:selected:focus arrow, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:hover image, button.destructive-action.osd.has-open-popup:hover arrow, button.destructive-action.osd.has-open-popup:focus, button.destructive-action.osd.has-open-popup:focus image, button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, modelbutton.flat arrow.destructive-action:disabled, button.destructive-action:disabled, button.destructive-action:disabled:checked, button.destructive-action:disabled:selected, button.destructive-action:disabled.has-open-popup, button.destructive-action.osd:disabled, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title > arrow.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, modelbutton.flat arrow.destructive-action:disabled, button.destructive-action:disabled, button.destructive-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:disabled:hover, notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header > tabs > arrow.destructive-action:disabled:hover, modelbutton.flat arrow.destructive-action:disabled:hover, expander title > arrow.destructive-action:disabled:focus, notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header > tabs > arrow.destructive-action:disabled:focus, modelbutton.flat arrow.destructive-action:disabled:focus, button.destructive-action:disabled:hover, button.destructive-action:disabled:focus, button.destructive-action.osd:disabled:hover, button.destructive-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +expander title > arrow.destructive-action:disabled:hover, notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header > tabs > arrow.destructive-action:disabled:hover, modelbutton.flat arrow.destructive-action:disabled:hover, expander title > arrow.destructive-action:disabled:hover image, notebook > header tabs > tab.destructive-action:disabled:hover image, notebook > header > tabs > arrow.destructive-action:disabled:hover image, modelbutton.flat arrow.destructive-action:disabled:hover image, expander title > arrow.destructive-action:disabled:hover arrow, notebook > header tabs > tab.destructive-action:disabled:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled:hover arrow, modelbutton.flat arrow.destructive-action:disabled:hover arrow, expander title > arrow.destructive-action:disabled:focus, notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header > tabs > arrow.destructive-action:disabled:focus, modelbutton.flat arrow.destructive-action:disabled:focus, expander title > arrow.destructive-action:disabled:focus image, notebook > header tabs > tab.destructive-action:disabled:focus image, notebook > header > tabs > arrow.destructive-action:disabled:focus image, modelbutton.flat arrow.destructive-action:disabled:focus image, expander title > arrow.destructive-action:disabled:focus arrow, notebook > header tabs > tab.destructive-action:disabled:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled:focus arrow, modelbutton.flat arrow.destructive-action:disabled:focus arrow, button.destructive-action:disabled:hover, button.destructive-action:disabled:hover image, button.destructive-action:disabled:hover arrow, button.destructive-action:disabled:focus, button.destructive-action:disabled:focus image, button.destructive-action:disabled:focus arrow, button.destructive-action.osd:disabled:hover, button.destructive-action.osd:disabled:hover image, button.destructive-action.osd:disabled:hover arrow, button.destructive-action.osd:disabled:focus, button.destructive-action.osd:disabled:focus image, button.destructive-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +expander title > arrow.destructive-action:disabled:active, notebook > header tabs > tab.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:active, modelbutton.flat arrow.destructive-action:disabled:active, expander title > arrow.destructive-action:disabled.keyboard-activating, notebook > header tabs > tab.destructive-action:disabled.keyboard-activating, notebook > header > tabs > arrow.destructive-action:disabled.keyboard-activating, modelbutton.flat arrow.destructive-action:disabled.keyboard-activating, button.destructive-action:disabled:active, button.destructive-action:disabled.keyboard-activating, button.destructive-action.osd:disabled:active, button.destructive-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +expander title > arrow.destructive-action:disabled:checked, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, modelbutton.flat arrow.destructive-action:disabled:checked, expander title > arrow.destructive-action:disabled:selected, notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header > tabs > arrow.destructive-action:disabled:selected, modelbutton.flat arrow.destructive-action:disabled:selected, expander title > arrow.destructive-action:disabled.has-open-popup, notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, modelbutton.flat arrow.destructive-action:disabled.has-open-popup, button.destructive-action:disabled:checked, button.destructive-action:disabled:selected, button.destructive-action:disabled.has-open-popup, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:disabled:checked, notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header > tabs > arrow.destructive-action:disabled:checked, modelbutton.flat arrow.destructive-action:disabled:checked, expander title > arrow.destructive-action:disabled:checked image, notebook > header tabs > tab.destructive-action:disabled:checked image, notebook > header > tabs > arrow.destructive-action:disabled:checked image, modelbutton.flat arrow.destructive-action:disabled:checked image, expander title > arrow.destructive-action:disabled:checked arrow, notebook > header tabs > tab.destructive-action:disabled:checked arrow, notebook > header > tabs > arrow.destructive-action:disabled:checked arrow, modelbutton.flat arrow.destructive-action:disabled:checked arrow, expander title > arrow.destructive-action:disabled:selected, notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header > tabs > arrow.destructive-action:disabled:selected, modelbutton.flat arrow.destructive-action:disabled:selected, expander title > arrow.destructive-action:disabled:selected image, notebook > header tabs > tab.destructive-action:disabled:selected image, notebook > header > tabs > arrow.destructive-action:disabled:selected image, modelbutton.flat arrow.destructive-action:disabled:selected image, expander title > arrow.destructive-action:disabled:selected arrow, notebook > header tabs > tab.destructive-action:disabled:selected arrow, notebook > header > tabs > arrow.destructive-action:disabled:selected arrow, modelbutton.flat arrow.destructive-action:disabled:selected arrow, expander title > arrow.destructive-action:disabled.has-open-popup, notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, modelbutton.flat arrow.destructive-action:disabled.has-open-popup, expander title > arrow.destructive-action:disabled.has-open-popup image, notebook > header tabs > tab.destructive-action:disabled.has-open-popup image, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup image, modelbutton.flat arrow.destructive-action:disabled.has-open-popup image, expander title > arrow.destructive-action:disabled.has-open-popup arrow, notebook > header tabs > tab.destructive-action:disabled.has-open-popup arrow, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup arrow, modelbutton.flat arrow.destructive-action:disabled.has-open-popup arrow, button.destructive-action:disabled:checked, button.destructive-action:disabled:checked image, button.destructive-action:disabled:checked arrow, button.destructive-action:disabled:selected, button.destructive-action:disabled:selected image, button.destructive-action:disabled:selected arrow, button.destructive-action:disabled.has-open-popup, button.destructive-action:disabled.has-open-popup image, button.destructive-action:disabled.has-open-popup arrow, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:checked image, button.destructive-action.osd:disabled:checked arrow, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled:selected image, button.destructive-action.osd:disabled:selected arrow, button.destructive-action.osd:disabled.has-open-popup, button.destructive-action.osd:disabled.has-open-popup image, button.destructive-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +expander title > arrow.destructive-action:disabled:checked:hover, notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, modelbutton.flat arrow.destructive-action:disabled:checked:hover, expander title > arrow.destructive-action:disabled:checked:focus, notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, modelbutton.flat arrow.destructive-action:disabled:checked:focus, expander title > arrow.destructive-action:disabled:selected:hover, notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, modelbutton.flat arrow.destructive-action:disabled:selected:hover, expander title > arrow.destructive-action:disabled:selected:focus, notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, modelbutton.flat arrow.destructive-action:disabled:selected:focus, expander title > arrow.destructive-action:disabled.has-open-popup:hover, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, expander title > arrow.destructive-action:disabled.has-open-popup:focus, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, button.destructive-action:disabled:checked:hover, button.destructive-action:disabled:checked:focus, button.destructive-action:disabled:selected:hover, button.destructive-action:disabled:selected:focus, button.destructive-action:disabled.has-open-popup:hover, button.destructive-action:disabled.has-open-popup:focus, button.destructive-action.osd:disabled:checked:hover, button.destructive-action.osd:disabled:checked:focus, button.destructive-action.osd:disabled:selected:hover, button.destructive-action.osd:disabled:selected:focus, button.destructive-action.osd:disabled.has-open-popup:hover, button.destructive-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +expander title > arrow.destructive-action:disabled:checked:hover, notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, treeview.view header button.destructive-action:disabled:checked:hover, modelbutton.flat arrow.destructive-action:disabled:checked:hover, expander title > arrow.destructive-action:disabled:checked:hover image, notebook > header tabs > tab.destructive-action:disabled:checked:hover image, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover image, treeview.view header button.destructive-action:disabled:checked:hover image, modelbutton.flat arrow.destructive-action:disabled:checked:hover image, expander title > arrow.destructive-action:disabled:checked:hover arrow, notebook > header tabs > tab.destructive-action:disabled:checked:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled:checked:hover arrow, treeview.view header button.destructive-action:disabled:checked:hover arrow, modelbutton.flat arrow.destructive-action:disabled:checked:hover arrow, expander title > arrow.destructive-action:disabled:checked:focus, notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, treeview.view header button.destructive-action:disabled:checked:focus, modelbutton.flat arrow.destructive-action:disabled:checked:focus, expander title > arrow.destructive-action:disabled:checked:focus image, notebook > header tabs > tab.destructive-action:disabled:checked:focus image, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus image, treeview.view header button.destructive-action:disabled:checked:focus image, modelbutton.flat arrow.destructive-action:disabled:checked:focus image, expander title > arrow.destructive-action:disabled:checked:focus arrow, notebook > header tabs > tab.destructive-action:disabled:checked:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled:checked:focus arrow, treeview.view header button.destructive-action:disabled:checked:focus arrow, modelbutton.flat arrow.destructive-action:disabled:checked:focus arrow, expander title > arrow.destructive-action:disabled:selected:hover, notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, treeview.view header button.destructive-action:disabled:selected:hover, modelbutton.flat arrow.destructive-action:disabled:selected:hover, expander title > arrow.destructive-action:disabled:selected:hover image, notebook > header tabs > tab.destructive-action:disabled:selected:hover image, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover image, treeview.view header button.destructive-action:disabled:selected:hover image, modelbutton.flat arrow.destructive-action:disabled:selected:hover image, expander title > arrow.destructive-action:disabled:selected:hover arrow, notebook > header tabs > tab.destructive-action:disabled:selected:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled:selected:hover arrow, treeview.view header button.destructive-action:disabled:selected:hover arrow, modelbutton.flat arrow.destructive-action:disabled:selected:hover arrow, expander title > arrow.destructive-action:disabled:selected:focus, notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, treeview.view header button.destructive-action:disabled:selected:focus, modelbutton.flat arrow.destructive-action:disabled:selected:focus, expander title > arrow.destructive-action:disabled:selected:focus image, notebook > header tabs > tab.destructive-action:disabled:selected:focus image, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus image, treeview.view header button.destructive-action:disabled:selected:focus image, modelbutton.flat arrow.destructive-action:disabled:selected:focus image, expander title > arrow.destructive-action:disabled:selected:focus arrow, notebook > header tabs > tab.destructive-action:disabled:selected:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled:selected:focus arrow, treeview.view header button.destructive-action:disabled:selected:focus arrow, modelbutton.flat arrow.destructive-action:disabled:selected:focus arrow, expander title > arrow.destructive-action:disabled.has-open-popup:hover, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, treeview.view header button.destructive-action:disabled.has-open-popup:hover, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, expander title > arrow.destructive-action:disabled.has-open-popup:hover image, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover image, treeview.view header button.destructive-action:disabled.has-open-popup:hover image, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover image, expander title > arrow.destructive-action:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover arrow, treeview.view header button.destructive-action:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover arrow, expander title > arrow.destructive-action:disabled.has-open-popup:focus, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, treeview.view header button.destructive-action:disabled.has-open-popup:focus, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, expander title > arrow.destructive-action:disabled.has-open-popup:focus image, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus image, treeview.view header button.destructive-action:disabled.has-open-popup:focus image, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus image, expander title > arrow.destructive-action:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus arrow, treeview.view header button.destructive-action:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus arrow, expander title > arrow.destructive-action.osd:disabled:checked:hover, notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover, treeview.view header button.destructive-action.osd:disabled:checked:hover, modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover, expander title > arrow.destructive-action.osd:disabled:checked:hover image, notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover image, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover image, treeview.view header button.destructive-action.osd:disabled:checked:hover image, modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover image, expander title > arrow.destructive-action.osd:disabled:checked:hover arrow, notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover arrow, treeview.view header button.destructive-action.osd:disabled:checked:hover arrow, modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover arrow, expander title > arrow.destructive-action.osd:disabled:checked:focus, notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus, treeview.view header button.destructive-action.osd:disabled:checked:focus, modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus, expander title > arrow.destructive-action.osd:disabled:checked:focus image, notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus image, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus image, treeview.view header button.destructive-action.osd:disabled:checked:focus image, modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus image, expander title > arrow.destructive-action.osd:disabled:checked:focus arrow, notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus arrow, treeview.view header button.destructive-action.osd:disabled:checked:focus arrow, modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus arrow, expander title > arrow.destructive-action.osd:disabled:selected:hover, notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover, treeview.view header button.destructive-action.osd:disabled:selected:hover, modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover, expander title > arrow.destructive-action.osd:disabled:selected:hover image, notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover image, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover image, treeview.view header button.destructive-action.osd:disabled:selected:hover image, modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover image, expander title > arrow.destructive-action.osd:disabled:selected:hover arrow, notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover arrow, treeview.view header button.destructive-action.osd:disabled:selected:hover arrow, modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover arrow, expander title > arrow.destructive-action.osd:disabled:selected:focus, notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus, treeview.view header button.destructive-action.osd:disabled:selected:focus, modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus, expander title > arrow.destructive-action.osd:disabled:selected:focus image, notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus image, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus image, treeview.view header button.destructive-action.osd:disabled:selected:focus image, modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus image, expander title > arrow.destructive-action.osd:disabled:selected:focus arrow, notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus arrow, treeview.view header button.destructive-action.osd:disabled:selected:focus arrow, modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus arrow, expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover, treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover, expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover image, treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover image, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover image, expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus, treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus, expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus image, treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus image, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus image, expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, button.destructive-action:disabled:checked:hover, button.destructive-action:disabled:checked:hover image, button.destructive-action:disabled:checked:hover arrow, button.destructive-action:disabled:checked:focus, button.destructive-action:disabled:checked:focus image, button.destructive-action:disabled:checked:focus arrow, button.destructive-action:disabled:selected:hover, button.destructive-action:disabled:selected:hover image, button.destructive-action:disabled:selected:hover arrow, button.destructive-action:disabled:selected:focus, button.destructive-action:disabled:selected:focus image, button.destructive-action:disabled:selected:focus arrow, button.destructive-action:disabled.has-open-popup:hover, button.destructive-action:disabled.has-open-popup:hover image, button.destructive-action:disabled.has-open-popup:hover arrow, button.destructive-action:disabled.has-open-popup:focus, button.destructive-action:disabled.has-open-popup:focus image, button.destructive-action:disabled.has-open-popup:focus arrow, button.destructive-action.osd:disabled:checked:hover, button.destructive-action.osd:disabled:checked:hover image, button.destructive-action.osd:disabled:checked:hover arrow, button.destructive-action.osd:disabled:checked:focus, button.destructive-action.osd:disabled:checked:focus image, button.destructive-action.osd:disabled:checked:focus arrow, button.destructive-action.osd:disabled:selected:hover, button.destructive-action.osd:disabled:selected:hover image, button.destructive-action.osd:disabled:selected:hover arrow, button.destructive-action.osd:disabled:selected:focus, button.destructive-action.osd:disabled:selected:focus image, button.destructive-action.osd:disabled:selected:focus arrow, button.destructive-action.osd:disabled.has-open-popup:hover, button.destructive-action.osd:disabled.has-open-popup:hover image, button.destructive-action.osd:disabled.has-open-popup:hover arrow, button.destructive-action.osd:disabled.has-open-popup:focus, button.destructive-action.osd:disabled.has-open-popup:focus image, button.destructive-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +expander title > arrow.destructive-action:disabled:disabled, notebook > header tabs > tab.destructive-action:disabled:disabled, notebook > header > tabs > arrow.destructive-action:disabled:disabled, modelbutton.flat arrow.destructive-action:disabled:disabled, button.destructive-action:disabled:disabled, button.destructive-action:disabled:disabled:checked, button.destructive-action:disabled:disabled:selected, button.destructive-action:disabled:disabled.has-open-popup, button.destructive-action.osd:disabled:disabled, button.destructive-action.osd:disabled:disabled:checked, button.destructive-action.osd:disabled:disabled:selected, button.destructive-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.destructive-action, expander .osd title > arrow.destructive-action, .osd notebook > header tabs > tab.destructive-action, notebook > header .osd tabs > tab.destructive-action, .osd notebook > header > tabs > arrow.destructive-action, .osd modelbutton.flat arrow.destructive-action, modelbutton.flat .osd arrow.destructive-action, .osd button.destructive-action, .osd button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd expander title > arrow.destructive-action:focus, expander .osd title > arrow.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd modelbutton.flat arrow.destructive-action:focus, modelbutton.flat .osd arrow.destructive-action:focus, .osd button.destructive-action:hover, .osd button.destructive-action:focus, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd expander title > arrow.destructive-action:hover image, expander .osd title > arrow.destructive-action:hover image, .osd notebook > header tabs > tab.destructive-action:hover image, notebook > header .osd tabs > tab.destructive-action:hover image, .osd notebook > header > tabs > arrow.destructive-action:hover image, .osd modelbutton.flat arrow.destructive-action:hover image, modelbutton.flat .osd arrow.destructive-action:hover image, .osd expander title > arrow.destructive-action:hover arrow, expander .osd title > arrow.destructive-action:hover arrow, .osd notebook > header tabs > tab.destructive-action:hover arrow, notebook > header .osd tabs > tab.destructive-action:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:hover arrow, .osd modelbutton.flat arrow.destructive-action:hover arrow, modelbutton.flat .osd arrow.destructive-action:hover arrow, .osd expander title > arrow.destructive-action:focus, expander .osd title > arrow.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd modelbutton.flat arrow.destructive-action:focus, modelbutton.flat .osd arrow.destructive-action:focus, .osd expander title > arrow.destructive-action:focus image, expander .osd title > arrow.destructive-action:focus image, .osd notebook > header tabs > tab.destructive-action:focus image, notebook > header .osd tabs > tab.destructive-action:focus image, .osd notebook > header > tabs > arrow.destructive-action:focus image, .osd modelbutton.flat arrow.destructive-action:focus image, modelbutton.flat .osd arrow.destructive-action:focus image, .osd expander title > arrow.destructive-action:focus arrow, expander .osd title > arrow.destructive-action:focus arrow, .osd notebook > header tabs > tab.destructive-action:focus arrow, notebook > header .osd tabs > tab.destructive-action:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:focus arrow, .osd modelbutton.flat arrow.destructive-action:focus arrow, modelbutton.flat .osd arrow.destructive-action:focus arrow, .osd button.destructive-action:hover, .osd button.destructive-action:hover image, .osd button.destructive-action:hover arrow, .osd button.destructive-action:focus, .osd button.destructive-action:focus image, .osd button.destructive-action:focus arrow, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:hover image, .osd button.destructive-action.osd:hover arrow, .osd button.destructive-action.osd:focus, .osd button.destructive-action.osd:focus image, .osd button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action.keyboard-activating, expander .osd title > arrow.destructive-action.keyboard-activating, .osd notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header .osd tabs > tab.destructive-action.keyboard-activating, .osd notebook > header > tabs > arrow.destructive-action.keyboard-activating, .osd modelbutton.flat arrow.destructive-action.keyboard-activating, modelbutton.flat .osd arrow.destructive-action.keyboard-activating, .osd button.destructive-action:active, .osd button.destructive-action.keyboard-activating, .osd button.destructive-action.osd:active, .osd button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd expander title > arrow.destructive-action:selected, expander .osd title > arrow.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd modelbutton.flat arrow.destructive-action:selected, modelbutton.flat .osd arrow.destructive-action:selected, .osd expander title > arrow.destructive-action.has-open-popup, expander .osd title > arrow.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd modelbutton.flat arrow.destructive-action.has-open-popup, modelbutton.flat .osd arrow.destructive-action.has-open-popup, .osd button.destructive-action:checked, .osd button.destructive-action:selected, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd expander title > arrow.destructive-action:checked image, expander .osd title > arrow.destructive-action:checked image, .osd notebook > header tabs > tab.destructive-action:checked image, notebook > header .osd tabs > tab.destructive-action:checked image, .osd notebook > header > tabs > arrow.destructive-action:checked image, .osd modelbutton.flat arrow.destructive-action:checked image, modelbutton.flat .osd arrow.destructive-action:checked image, .osd expander title > arrow.destructive-action:checked arrow, expander .osd title > arrow.destructive-action:checked arrow, .osd notebook > header tabs > tab.destructive-action:checked arrow, notebook > header .osd tabs > tab.destructive-action:checked arrow, .osd notebook > header > tabs > arrow.destructive-action:checked arrow, .osd modelbutton.flat arrow.destructive-action:checked arrow, modelbutton.flat .osd arrow.destructive-action:checked arrow, .osd expander title > arrow.destructive-action:selected, expander .osd title > arrow.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd modelbutton.flat arrow.destructive-action:selected, modelbutton.flat .osd arrow.destructive-action:selected, .osd expander title > arrow.destructive-action:selected image, expander .osd title > arrow.destructive-action:selected image, .osd notebook > header tabs > tab.destructive-action:selected image, notebook > header .osd tabs > tab.destructive-action:selected image, .osd notebook > header > tabs > arrow.destructive-action:selected image, .osd modelbutton.flat arrow.destructive-action:selected image, modelbutton.flat .osd arrow.destructive-action:selected image, .osd expander title > arrow.destructive-action:selected arrow, expander .osd title > arrow.destructive-action:selected arrow, .osd notebook > header tabs > tab.destructive-action:selected arrow, notebook > header .osd tabs > tab.destructive-action:selected arrow, .osd notebook > header > tabs > arrow.destructive-action:selected arrow, .osd modelbutton.flat arrow.destructive-action:selected arrow, modelbutton.flat .osd arrow.destructive-action:selected arrow, .osd expander title > arrow.destructive-action.has-open-popup, expander .osd title > arrow.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd modelbutton.flat arrow.destructive-action.has-open-popup, modelbutton.flat .osd arrow.destructive-action.has-open-popup, .osd expander title > arrow.destructive-action.has-open-popup image, expander .osd title > arrow.destructive-action.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.has-open-popup image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup image, .osd modelbutton.flat arrow.destructive-action.has-open-popup image, modelbutton.flat .osd arrow.destructive-action.has-open-popup image, .osd expander title > arrow.destructive-action.has-open-popup arrow, expander .osd title > arrow.destructive-action.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, .osd modelbutton.flat arrow.destructive-action.has-open-popup arrow, modelbutton.flat .osd arrow.destructive-action.has-open-popup arrow, .osd expander title > arrow.destructive-action.osd:checked, expander .osd title > arrow.destructive-action.osd:checked, .osd notebook > header tabs > tab.destructive-action.osd:checked, notebook > header .osd tabs > tab.destructive-action.osd:checked, .osd expander title > arrow.destructive-action.osd:checked image, expander .osd title > arrow.destructive-action.osd:checked image, .osd notebook > header tabs > tab.destructive-action.osd:checked image, notebook > header .osd tabs > tab.destructive-action.osd:checked image, .osd expander title > arrow.destructive-action.osd:checked arrow, expander .osd title > arrow.destructive-action.osd:checked arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked arrow, .osd expander title > arrow.destructive-action.osd:selected, expander .osd title > arrow.destructive-action.osd:selected, .osd notebook > header tabs > tab.destructive-action.osd:selected, notebook > header .osd tabs > tab.destructive-action.osd:selected, .osd expander title > arrow.destructive-action.osd:selected image, expander .osd title > arrow.destructive-action.osd:selected image, .osd notebook > header tabs > tab.destructive-action.osd:selected image, notebook > header .osd tabs > tab.destructive-action.osd:selected image, .osd expander title > arrow.destructive-action.osd:selected arrow, expander .osd title > arrow.destructive-action.osd:selected arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected arrow, .osd expander title > arrow.destructive-action.osd.has-open-popup, expander .osd title > arrow.destructive-action.osd.has-open-popup, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup, .osd expander title > arrow.destructive-action.osd.has-open-popup image, expander .osd title > arrow.destructive-action.osd.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup image, .osd expander title > arrow.destructive-action.osd.has-open-popup arrow, expander .osd title > arrow.destructive-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup arrow, .osd button.destructive-action:checked, .osd button.destructive-action:checked image, .osd button.destructive-action:checked arrow, .osd button.destructive-action:selected, .osd button.destructive-action:selected image, .osd button.destructive-action:selected arrow, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.has-open-popup image, .osd button.destructive-action.has-open-popup arrow, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:checked image, .osd button.destructive-action.osd:checked arrow, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd:selected image, .osd button.destructive-action.osd:selected arrow, .osd button.destructive-action.osd.has-open-popup, .osd button.destructive-action.osd.has-open-popup image, .osd button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:checked:hover, expander .osd title > arrow.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd modelbutton.flat arrow.destructive-action:checked:hover, modelbutton.flat .osd arrow.destructive-action:checked:hover, .osd expander title > arrow.destructive-action:checked:focus, expander .osd title > arrow.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd modelbutton.flat arrow.destructive-action:checked:focus, modelbutton.flat .osd arrow.destructive-action:checked:focus, .osd expander title > arrow.destructive-action:selected:hover, expander .osd title > arrow.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd modelbutton.flat arrow.destructive-action:selected:hover, modelbutton.flat .osd arrow.destructive-action:selected:hover, .osd expander title > arrow.destructive-action:selected:focus, expander .osd title > arrow.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd modelbutton.flat arrow.destructive-action:selected:focus, modelbutton.flat .osd arrow.destructive-action:selected:focus, .osd expander title > arrow.destructive-action.has-open-popup:hover, expander .osd title > arrow.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover, .osd expander title > arrow.destructive-action.has-open-popup:focus, expander .osd title > arrow.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:focus, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:focus, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.destructive-action:checked:hover, expander .osd title > arrow.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd treeview.view header button.destructive-action:checked:hover, treeview.view header .osd button.destructive-action:checked:hover, .osd modelbutton.flat arrow.destructive-action:checked:hover, modelbutton.flat .osd arrow.destructive-action:checked:hover, .osd expander title > arrow.destructive-action:checked:hover image, expander .osd title > arrow.destructive-action:checked:hover image, .osd notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header .osd tabs > tab.destructive-action:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action:checked:hover image, .osd treeview.view header button.destructive-action:checked:hover image, treeview.view header .osd button.destructive-action:checked:hover image, .osd modelbutton.flat arrow.destructive-action:checked:hover image, modelbutton.flat .osd arrow.destructive-action:checked:hover image, .osd expander title > arrow.destructive-action:checked:hover arrow, expander .osd title > arrow.destructive-action:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:hover arrow, .osd treeview.view header button.destructive-action:checked:hover arrow, treeview.view header .osd button.destructive-action:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action:checked:hover arrow, .osd expander title > arrow.destructive-action:checked:focus, expander .osd title > arrow.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd treeview.view header button.destructive-action:checked:focus, treeview.view header .osd button.destructive-action:checked:focus, .osd modelbutton.flat arrow.destructive-action:checked:focus, modelbutton.flat .osd arrow.destructive-action:checked:focus, .osd expander title > arrow.destructive-action:checked:focus image, expander .osd title > arrow.destructive-action:checked:focus image, .osd notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header .osd tabs > tab.destructive-action:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action:checked:focus image, .osd treeview.view header button.destructive-action:checked:focus image, treeview.view header .osd button.destructive-action:checked:focus image, .osd modelbutton.flat arrow.destructive-action:checked:focus image, modelbutton.flat .osd arrow.destructive-action:checked:focus image, .osd expander title > arrow.destructive-action:checked:focus arrow, expander .osd title > arrow.destructive-action:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:focus arrow, .osd treeview.view header button.destructive-action:checked:focus arrow, treeview.view header .osd button.destructive-action:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action:checked:focus arrow, .osd expander title > arrow.destructive-action:selected:hover, expander .osd title > arrow.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd treeview.view header button.destructive-action:selected:hover, treeview.view header .osd button.destructive-action:selected:hover, .osd modelbutton.flat arrow.destructive-action:selected:hover, modelbutton.flat .osd arrow.destructive-action:selected:hover, .osd expander title > arrow.destructive-action:selected:hover image, expander .osd title > arrow.destructive-action:selected:hover image, .osd notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header .osd tabs > tab.destructive-action:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action:selected:hover image, .osd treeview.view header button.destructive-action:selected:hover image, treeview.view header .osd button.destructive-action:selected:hover image, .osd modelbutton.flat arrow.destructive-action:selected:hover image, modelbutton.flat .osd arrow.destructive-action:selected:hover image, .osd expander title > arrow.destructive-action:selected:hover arrow, expander .osd title > arrow.destructive-action:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:hover arrow, .osd treeview.view header button.destructive-action:selected:hover arrow, treeview.view header .osd button.destructive-action:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action:selected:hover arrow, .osd expander title > arrow.destructive-action:selected:focus, expander .osd title > arrow.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd treeview.view header button.destructive-action:selected:focus, treeview.view header .osd button.destructive-action:selected:focus, .osd modelbutton.flat arrow.destructive-action:selected:focus, modelbutton.flat .osd arrow.destructive-action:selected:focus, .osd expander title > arrow.destructive-action:selected:focus image, expander .osd title > arrow.destructive-action:selected:focus image, .osd notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header .osd tabs > tab.destructive-action:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action:selected:focus image, .osd treeview.view header button.destructive-action:selected:focus image, treeview.view header .osd button.destructive-action:selected:focus image, .osd modelbutton.flat arrow.destructive-action:selected:focus image, modelbutton.flat .osd arrow.destructive-action:selected:focus image, .osd expander title > arrow.destructive-action:selected:focus arrow, expander .osd title > arrow.destructive-action:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:focus arrow, .osd treeview.view header button.destructive-action:selected:focus arrow, treeview.view header .osd button.destructive-action:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action:selected:focus arrow, .osd expander title > arrow.destructive-action.has-open-popup:hover, expander .osd title > arrow.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd treeview.view header button.destructive-action.has-open-popup:hover, treeview.view header .osd button.destructive-action.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover, .osd expander title > arrow.destructive-action.has-open-popup:hover image, expander .osd title > arrow.destructive-action.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, .osd treeview.view header button.destructive-action.has-open-popup:hover image, treeview.view header .osd button.destructive-action.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover image, .osd expander title > arrow.destructive-action.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action.has-open-popup:focus, expander .osd title > arrow.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd treeview.view header button.destructive-action.has-open-popup:focus, treeview.view header .osd button.destructive-action.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus, .osd expander title > arrow.destructive-action.has-open-popup:focus image, expander .osd title > arrow.destructive-action.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, .osd treeview.view header button.destructive-action.has-open-popup:focus image, treeview.view header .osd button.destructive-action.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus image, .osd expander title > arrow.destructive-action.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action.has-open-popup:focus arrow, .osd expander title > arrow.destructive-action.osd:checked:hover, expander .osd title > arrow.destructive-action.osd:checked:hover, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover, .osd treeview.view header button.destructive-action.osd:checked:hover, treeview.view header .osd button.destructive-action.osd:checked:hover, .osd modelbutton.flat arrow.destructive-action.osd:checked:hover, modelbutton.flat .osd arrow.destructive-action.osd:checked:hover, .osd expander title > arrow.destructive-action.osd:checked:hover image, expander .osd title > arrow.destructive-action.osd:checked:hover image, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, .osd treeview.view header button.destructive-action.osd:checked:hover image, treeview.view header .osd button.destructive-action.osd:checked:hover image, .osd modelbutton.flat arrow.destructive-action.osd:checked:hover image, modelbutton.flat .osd arrow.destructive-action.osd:checked:hover image, .osd expander title > arrow.destructive-action.osd:checked:hover arrow, expander .osd title > arrow.destructive-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, .osd treeview.view header button.destructive-action.osd:checked:hover arrow, treeview.view header .osd button.destructive-action.osd:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:checked:hover arrow, .osd expander title > arrow.destructive-action.osd:checked:focus, expander .osd title > arrow.destructive-action.osd:checked:focus, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus, .osd treeview.view header button.destructive-action.osd:checked:focus, treeview.view header .osd button.destructive-action.osd:checked:focus, .osd modelbutton.flat arrow.destructive-action.osd:checked:focus, modelbutton.flat .osd arrow.destructive-action.osd:checked:focus, .osd expander title > arrow.destructive-action.osd:checked:focus image, expander .osd title > arrow.destructive-action.osd:checked:focus image, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, .osd treeview.view header button.destructive-action.osd:checked:focus image, treeview.view header .osd button.destructive-action.osd:checked:focus image, .osd modelbutton.flat arrow.destructive-action.osd:checked:focus image, modelbutton.flat .osd arrow.destructive-action.osd:checked:focus image, .osd expander title > arrow.destructive-action.osd:checked:focus arrow, expander .osd title > arrow.destructive-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, .osd treeview.view header button.destructive-action.osd:checked:focus arrow, treeview.view header .osd button.destructive-action.osd:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:checked:focus arrow, .osd expander title > arrow.destructive-action.osd:selected:hover, expander .osd title > arrow.destructive-action.osd:selected:hover, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover, .osd treeview.view header button.destructive-action.osd:selected:hover, treeview.view header .osd button.destructive-action.osd:selected:hover, .osd modelbutton.flat arrow.destructive-action.osd:selected:hover, modelbutton.flat .osd arrow.destructive-action.osd:selected:hover, .osd expander title > arrow.destructive-action.osd:selected:hover image, expander .osd title > arrow.destructive-action.osd:selected:hover image, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, .osd treeview.view header button.destructive-action.osd:selected:hover image, treeview.view header .osd button.destructive-action.osd:selected:hover image, .osd modelbutton.flat arrow.destructive-action.osd:selected:hover image, modelbutton.flat .osd arrow.destructive-action.osd:selected:hover image, .osd expander title > arrow.destructive-action.osd:selected:hover arrow, expander .osd title > arrow.destructive-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, .osd treeview.view header button.destructive-action.osd:selected:hover arrow, treeview.view header .osd button.destructive-action.osd:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:selected:hover arrow, .osd expander title > arrow.destructive-action.osd:selected:focus, expander .osd title > arrow.destructive-action.osd:selected:focus, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus, .osd treeview.view header button.destructive-action.osd:selected:focus, treeview.view header .osd button.destructive-action.osd:selected:focus, .osd modelbutton.flat arrow.destructive-action.osd:selected:focus, modelbutton.flat .osd arrow.destructive-action.osd:selected:focus, .osd expander title > arrow.destructive-action.osd:selected:focus image, expander .osd title > arrow.destructive-action.osd:selected:focus image, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, .osd treeview.view header button.destructive-action.osd:selected:focus image, treeview.view header .osd button.destructive-action.osd:selected:focus image, .osd modelbutton.flat arrow.destructive-action.osd:selected:focus image, modelbutton.flat .osd arrow.destructive-action.osd:selected:focus image, .osd expander title > arrow.destructive-action.osd:selected:focus arrow, expander .osd title > arrow.destructive-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, .osd treeview.view header button.destructive-action.osd:selected:focus arrow, treeview.view header .osd button.destructive-action.osd:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:selected:focus arrow, .osd expander title > arrow.destructive-action.osd.has-open-popup:hover, expander .osd title > arrow.destructive-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, .osd treeview.view header button.destructive-action.osd.has-open-popup:hover, treeview.view header .osd button.destructive-action.osd.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:hover, .osd expander title > arrow.destructive-action.osd.has-open-popup:hover image, expander .osd title > arrow.destructive-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, .osd treeview.view header button.destructive-action.osd.has-open-popup:hover image, treeview.view header .osd button.destructive-action.osd.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:hover image, .osd expander title > arrow.destructive-action.osd.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action.osd.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action.osd.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action.osd.has-open-popup:focus, expander .osd title > arrow.destructive-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, .osd treeview.view header button.destructive-action.osd.has-open-popup:focus, treeview.view header .osd button.destructive-action.osd.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:focus, .osd expander title > arrow.destructive-action.osd.has-open-popup:focus image, expander .osd title > arrow.destructive-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, .osd treeview.view header button.destructive-action.osd.has-open-popup:focus image, treeview.view header .osd button.destructive-action.osd.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:focus image, .osd expander title > arrow.destructive-action.osd.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action.osd.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action.osd.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd.has-open-popup:focus arrow, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:hover image, .osd button.destructive-action:checked:hover arrow, .osd button.destructive-action:checked:focus, .osd button.destructive-action:checked:focus image, .osd button.destructive-action:checked:focus arrow, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:hover image, .osd button.destructive-action:selected:hover arrow, .osd button.destructive-action:selected:focus, .osd button.destructive-action:selected:focus image, .osd button.destructive-action:selected:focus arrow, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:hover image, .osd button.destructive-action.has-open-popup:hover arrow, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.has-open-popup:focus image, .osd button.destructive-action.has-open-popup:focus arrow, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:hover image, .osd button.destructive-action.osd:checked:hover arrow, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:checked:focus image, .osd button.destructive-action.osd:checked:focus arrow, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:hover image, .osd button.destructive-action.osd:selected:hover arrow, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd:selected:focus image, .osd button.destructive-action.osd:selected:focus arrow, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:hover image, .osd button.destructive-action.osd.has-open-popup:hover arrow, .osd button.destructive-action.osd.has-open-popup:focus, .osd button.destructive-action.osd.has-open-popup:focus image, .osd button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action.osd:disabled, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled, .osd button.destructive-action.osd:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:disabled:hover, expander .osd title > arrow.destructive-action:disabled:hover, .osd notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header .osd tabs > tab.destructive-action:disabled:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover, .osd modelbutton.flat arrow.destructive-action:disabled:hover, modelbutton.flat .osd arrow.destructive-action:disabled:hover, .osd expander title > arrow.destructive-action:disabled:focus, expander .osd title > arrow.destructive-action:disabled:focus, .osd notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header .osd tabs > tab.destructive-action:disabled:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus, .osd modelbutton.flat arrow.destructive-action:disabled:focus, modelbutton.flat .osd arrow.destructive-action:disabled:focus, .osd button.destructive-action:disabled:hover, .osd button.destructive-action:disabled:focus, .osd button.destructive-action.osd:disabled:hover, .osd button.destructive-action.osd:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd expander title > arrow.destructive-action:disabled:hover, expander .osd title > arrow.destructive-action:disabled:hover, .osd notebook > header tabs > tab.destructive-action:disabled:hover, notebook > header .osd tabs > tab.destructive-action:disabled:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover, .osd modelbutton.flat arrow.destructive-action:disabled:hover, modelbutton.flat .osd arrow.destructive-action:disabled:hover, .osd expander title > arrow.destructive-action:disabled:hover image, expander .osd title > arrow.destructive-action:disabled:hover image, .osd notebook > header tabs > tab.destructive-action:disabled:hover image, notebook > header .osd tabs > tab.destructive-action:disabled:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover image, .osd modelbutton.flat arrow.destructive-action:disabled:hover image, modelbutton.flat .osd arrow.destructive-action:disabled:hover image, .osd expander title > arrow.destructive-action:disabled:hover arrow, expander .osd title > arrow.destructive-action:disabled:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled:hover arrow, .osd expander title > arrow.destructive-action:disabled:focus, expander .osd title > arrow.destructive-action:disabled:focus, .osd notebook > header tabs > tab.destructive-action:disabled:focus, notebook > header .osd tabs > tab.destructive-action:disabled:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus, .osd modelbutton.flat arrow.destructive-action:disabled:focus, modelbutton.flat .osd arrow.destructive-action:disabled:focus, .osd expander title > arrow.destructive-action:disabled:focus image, expander .osd title > arrow.destructive-action:disabled:focus image, .osd notebook > header tabs > tab.destructive-action:disabled:focus image, notebook > header .osd tabs > tab.destructive-action:disabled:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus image, .osd modelbutton.flat arrow.destructive-action:disabled:focus image, modelbutton.flat .osd arrow.destructive-action:disabled:focus image, .osd expander title > arrow.destructive-action:disabled:focus arrow, expander .osd title > arrow.destructive-action:disabled:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled:focus arrow, .osd button.destructive-action:disabled:hover, .osd button.destructive-action:disabled:hover image, .osd button.destructive-action:disabled:hover arrow, .osd button.destructive-action:disabled:focus, .osd button.destructive-action:disabled:focus image, .osd button.destructive-action:disabled:focus arrow, .osd button.destructive-action.osd:disabled:hover, .osd button.destructive-action.osd:disabled:hover image, .osd button.destructive-action.osd:disabled:hover arrow, .osd button.destructive-action.osd:disabled:focus, .osd button.destructive-action.osd:disabled:focus image, .osd button.destructive-action.osd:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:active, expander .osd title > arrow.destructive-action:disabled:active, .osd notebook > header tabs > tab.destructive-action:disabled:active, notebook > header .osd tabs > tab.destructive-action:disabled:active, .osd notebook > header > tabs > arrow.destructive-action:disabled:active, .osd modelbutton.flat arrow.destructive-action:disabled:active, modelbutton.flat .osd arrow.destructive-action:disabled:active, .osd expander title > arrow.destructive-action:disabled.keyboard-activating, expander .osd title > arrow.destructive-action:disabled.keyboard-activating, .osd notebook > header tabs > tab.destructive-action:disabled.keyboard-activating, notebook > header .osd tabs > tab.destructive-action:disabled.keyboard-activating, .osd notebook > header > tabs > arrow.destructive-action:disabled.keyboard-activating, .osd modelbutton.flat arrow.destructive-action:disabled.keyboard-activating, modelbutton.flat .osd arrow.destructive-action:disabled.keyboard-activating, .osd button.destructive-action:disabled:active, .osd button.destructive-action:disabled.keyboard-activating, .osd button.destructive-action.osd:disabled:active, .osd button.destructive-action.osd:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd expander title > arrow.destructive-action:disabled:checked, expander .osd title > arrow.destructive-action:disabled:checked, .osd notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header .osd tabs > tab.destructive-action:disabled:checked, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked, .osd modelbutton.flat arrow.destructive-action:disabled:checked, modelbutton.flat .osd arrow.destructive-action:disabled:checked, .osd expander title > arrow.destructive-action:disabled:selected, expander .osd title > arrow.destructive-action:disabled:selected, .osd notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header .osd tabs > tab.destructive-action:disabled:selected, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected, .osd modelbutton.flat arrow.destructive-action:disabled:selected, modelbutton.flat .osd arrow.destructive-action:disabled:selected, .osd expander title > arrow.destructive-action:disabled.has-open-popup, expander .osd title > arrow.destructive-action:disabled.has-open-popup, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:checked, expander .osd title > arrow.destructive-action:disabled:checked, .osd notebook > header tabs > tab.destructive-action:disabled:checked, notebook > header .osd tabs > tab.destructive-action:disabled:checked, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked, .osd modelbutton.flat arrow.destructive-action:disabled:checked, modelbutton.flat .osd arrow.destructive-action:disabled:checked, .osd expander title > arrow.destructive-action:disabled:checked image, expander .osd title > arrow.destructive-action:disabled:checked image, .osd notebook > header tabs > tab.destructive-action:disabled:checked image, notebook > header .osd tabs > tab.destructive-action:disabled:checked image, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked image, .osd modelbutton.flat arrow.destructive-action:disabled:checked image, modelbutton.flat .osd arrow.destructive-action:disabled:checked image, .osd expander title > arrow.destructive-action:disabled:checked arrow, expander .osd title > arrow.destructive-action:disabled:checked arrow, .osd notebook > header tabs > tab.destructive-action:disabled:checked arrow, notebook > header .osd tabs > tab.destructive-action:disabled:checked arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked arrow, .osd modelbutton.flat arrow.destructive-action:disabled:checked arrow, modelbutton.flat .osd arrow.destructive-action:disabled:checked arrow, .osd expander title > arrow.destructive-action:disabled:selected, expander .osd title > arrow.destructive-action:disabled:selected, .osd notebook > header tabs > tab.destructive-action:disabled:selected, notebook > header .osd tabs > tab.destructive-action:disabled:selected, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected, .osd modelbutton.flat arrow.destructive-action:disabled:selected, modelbutton.flat .osd arrow.destructive-action:disabled:selected, .osd expander title > arrow.destructive-action:disabled:selected image, expander .osd title > arrow.destructive-action:disabled:selected image, .osd notebook > header tabs > tab.destructive-action:disabled:selected image, notebook > header .osd tabs > tab.destructive-action:disabled:selected image, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected image, .osd modelbutton.flat arrow.destructive-action:disabled:selected image, modelbutton.flat .osd arrow.destructive-action:disabled:selected image, .osd expander title > arrow.destructive-action:disabled:selected arrow, expander .osd title > arrow.destructive-action:disabled:selected arrow, .osd notebook > header tabs > tab.destructive-action:disabled:selected arrow, notebook > header .osd tabs > tab.destructive-action:disabled:selected arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected arrow, .osd modelbutton.flat arrow.destructive-action:disabled:selected arrow, modelbutton.flat .osd arrow.destructive-action:disabled:selected arrow, .osd expander title > arrow.destructive-action:disabled.has-open-popup, expander .osd title > arrow.destructive-action:disabled.has-open-popup, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup, .osd expander title > arrow.destructive-action:disabled.has-open-popup image, expander .osd title > arrow.destructive-action:disabled.has-open-popup image, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup image, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup image, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup image, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup image, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup image, .osd expander title > arrow.destructive-action:disabled.has-open-popup arrow, expander .osd title > arrow.destructive-action:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup arrow, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup arrow, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup arrow, .osd expander title > arrow.destructive-action.osd:disabled:checked, expander .osd title > arrow.destructive-action.osd:disabled:checked, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked, .osd expander title > arrow.destructive-action.osd:disabled:checked image, expander .osd title > arrow.destructive-action.osd:disabled:checked image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked image, .osd expander title > arrow.destructive-action.osd:disabled:checked arrow, expander .osd title > arrow.destructive-action.osd:disabled:checked arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked arrow, .osd expander title > arrow.destructive-action.osd:disabled:selected, expander .osd title > arrow.destructive-action.osd:disabled:selected, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected, .osd expander title > arrow.destructive-action.osd:disabled:selected image, expander .osd title > arrow.destructive-action.osd:disabled:selected image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected image, .osd expander title > arrow.destructive-action.osd:disabled:selected arrow, expander .osd title > arrow.destructive-action.osd:disabled:selected arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected arrow, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup image, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup image, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup arrow, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup arrow, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:checked image, .osd button.destructive-action:disabled:checked arrow, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled:selected image, .osd button.destructive-action:disabled:selected arrow, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action:disabled.has-open-popup image, .osd button.destructive-action:disabled.has-open-popup arrow, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:checked image, .osd button.destructive-action.osd:disabled:checked arrow, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled:selected image, .osd button.destructive-action.osd:disabled:selected arrow, .osd button.destructive-action.osd:disabled.has-open-popup, .osd button.destructive-action.osd:disabled.has-open-popup image, .osd button.destructive-action.osd:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:checked:hover, expander .osd title > arrow.destructive-action:disabled:checked:hover, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover, .osd expander title > arrow.destructive-action:disabled:checked:focus, expander .osd title > arrow.destructive-action:disabled:checked:focus, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus, .osd expander title > arrow.destructive-action:disabled:selected:hover, expander .osd title > arrow.destructive-action:disabled:selected:hover, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover, .osd expander title > arrow.destructive-action:disabled:selected:focus, expander .osd title > arrow.destructive-action:disabled:selected:focus, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus, .osd button.destructive-action:disabled:checked:hover, .osd button.destructive-action:disabled:checked:focus, .osd button.destructive-action:disabled:selected:hover, .osd button.destructive-action:disabled:selected:focus, .osd button.destructive-action:disabled.has-open-popup:hover, .osd button.destructive-action:disabled.has-open-popup:focus, .osd button.destructive-action.osd:disabled:checked:hover, .osd button.destructive-action.osd:disabled:checked:focus, .osd button.destructive-action.osd:disabled:selected:hover, .osd button.destructive-action.osd:disabled:selected:focus, .osd button.destructive-action.osd:disabled.has-open-popup:hover, .osd button.destructive-action.osd:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd expander title > arrow.destructive-action:disabled:checked:hover, expander .osd title > arrow.destructive-action:disabled:checked:hover, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover, .osd treeview.view header button.destructive-action:disabled:checked:hover, treeview.view header .osd button.destructive-action:disabled:checked:hover, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover, .osd expander title > arrow.destructive-action:disabled:checked:hover image, expander .osd title > arrow.destructive-action:disabled:checked:hover image, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover image, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover image, .osd treeview.view header button.destructive-action:disabled:checked:hover image, treeview.view header .osd button.destructive-action:disabled:checked:hover image, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover image, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover image, .osd expander title > arrow.destructive-action:disabled:checked:hover arrow, expander .osd title > arrow.destructive-action:disabled:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:hover arrow, .osd treeview.view header button.destructive-action:disabled:checked:hover arrow, treeview.view header .osd button.destructive-action:disabled:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled:checked:hover arrow, .osd expander title > arrow.destructive-action:disabled:checked:focus, expander .osd title > arrow.destructive-action:disabled:checked:focus, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus, .osd treeview.view header button.destructive-action:disabled:checked:focus, treeview.view header .osd button.destructive-action:disabled:checked:focus, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus, .osd expander title > arrow.destructive-action:disabled:checked:focus image, expander .osd title > arrow.destructive-action:disabled:checked:focus image, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus image, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus image, .osd treeview.view header button.destructive-action:disabled:checked:focus image, treeview.view header .osd button.destructive-action:disabled:checked:focus image, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus image, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus image, .osd expander title > arrow.destructive-action:disabled:checked:focus arrow, expander .osd title > arrow.destructive-action:disabled:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:checked:focus arrow, .osd treeview.view header button.destructive-action:disabled:checked:focus arrow, treeview.view header .osd button.destructive-action:disabled:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled:checked:focus arrow, .osd expander title > arrow.destructive-action:disabled:selected:hover, expander .osd title > arrow.destructive-action:disabled:selected:hover, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover, .osd treeview.view header button.destructive-action:disabled:selected:hover, treeview.view header .osd button.destructive-action:disabled:selected:hover, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover, .osd expander title > arrow.destructive-action:disabled:selected:hover image, expander .osd title > arrow.destructive-action:disabled:selected:hover image, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover image, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover image, .osd treeview.view header button.destructive-action:disabled:selected:hover image, treeview.view header .osd button.destructive-action:disabled:selected:hover image, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover image, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover image, .osd expander title > arrow.destructive-action:disabled:selected:hover arrow, expander .osd title > arrow.destructive-action:disabled:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:hover arrow, .osd treeview.view header button.destructive-action:disabled:selected:hover arrow, treeview.view header .osd button.destructive-action:disabled:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled:selected:hover arrow, .osd expander title > arrow.destructive-action:disabled:selected:focus, expander .osd title > arrow.destructive-action:disabled:selected:focus, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus, .osd treeview.view header button.destructive-action:disabled:selected:focus, treeview.view header .osd button.destructive-action:disabled:selected:focus, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus, .osd expander title > arrow.destructive-action:disabled:selected:focus image, expander .osd title > arrow.destructive-action:disabled:selected:focus image, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus image, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus image, .osd treeview.view header button.destructive-action:disabled:selected:focus image, treeview.view header .osd button.destructive-action:disabled:selected:focus image, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus image, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus image, .osd expander title > arrow.destructive-action:disabled:selected:focus arrow, expander .osd title > arrow.destructive-action:disabled:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled:selected:focus arrow, .osd treeview.view header button.destructive-action:disabled:selected:focus arrow, treeview.view header .osd button.destructive-action:disabled:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled:selected:focus arrow, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover, .osd treeview.view header button.destructive-action:disabled.has-open-popup:hover, treeview.view header .osd button.destructive-action:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover image, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover image, .osd treeview.view header button.destructive-action:disabled.has-open-popup:hover image, treeview.view header .osd button.destructive-action:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover image, .osd expander title > arrow.destructive-action:disabled.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action:disabled.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus, .osd treeview.view header button.destructive-action:disabled.has-open-popup:focus, treeview.view header .osd button.destructive-action:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus image, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus image, .osd treeview.view header button.destructive-action:disabled.has-open-popup:focus image, treeview.view header .osd button.destructive-action:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus image, .osd expander title > arrow.destructive-action:disabled.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:disabled.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action:disabled.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action:disabled.has-open-popup:focus arrow, .osd expander title > arrow.destructive-action.osd:disabled:checked:hover, expander .osd title > arrow.destructive-action.osd:disabled:checked:hover, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover, .osd treeview.view header button.destructive-action.osd:disabled:checked:hover, treeview.view header .osd button.destructive-action.osd:disabled:checked:hover, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:hover, .osd expander title > arrow.destructive-action.osd:disabled:checked:hover image, expander .osd title > arrow.destructive-action.osd:disabled:checked:hover image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover image, .osd treeview.view header button.destructive-action.osd:disabled:checked:hover image, treeview.view header .osd button.destructive-action.osd:disabled:checked:hover image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:hover image, .osd expander title > arrow.destructive-action.osd:disabled:checked:hover arrow, expander .osd title > arrow.destructive-action.osd:disabled:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:hover arrow, .osd treeview.view header button.destructive-action.osd:disabled:checked:hover arrow, treeview.view header .osd button.destructive-action.osd:disabled:checked:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:hover arrow, .osd expander title > arrow.destructive-action.osd:disabled:checked:focus, expander .osd title > arrow.destructive-action.osd:disabled:checked:focus, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus, .osd treeview.view header button.destructive-action.osd:disabled:checked:focus, treeview.view header .osd button.destructive-action.osd:disabled:checked:focus, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:focus, .osd expander title > arrow.destructive-action.osd:disabled:checked:focus image, expander .osd title > arrow.destructive-action.osd:disabled:checked:focus image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus image, .osd treeview.view header button.destructive-action.osd:disabled:checked:focus image, treeview.view header .osd button.destructive-action.osd:disabled:checked:focus image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:focus image, .osd expander title > arrow.destructive-action.osd:disabled:checked:focus arrow, expander .osd title > arrow.destructive-action.osd:disabled:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:checked:focus arrow, .osd treeview.view header button.destructive-action.osd:disabled:checked:focus arrow, treeview.view header .osd button.destructive-action.osd:disabled:checked:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:checked:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:checked:focus arrow, .osd expander title > arrow.destructive-action.osd:disabled:selected:hover, expander .osd title > arrow.destructive-action.osd:disabled:selected:hover, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover, .osd treeview.view header button.destructive-action.osd:disabled:selected:hover, treeview.view header .osd button.destructive-action.osd:disabled:selected:hover, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:hover, .osd expander title > arrow.destructive-action.osd:disabled:selected:hover image, expander .osd title > arrow.destructive-action.osd:disabled:selected:hover image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover image, .osd treeview.view header button.destructive-action.osd:disabled:selected:hover image, treeview.view header .osd button.destructive-action.osd:disabled:selected:hover image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:hover image, .osd expander title > arrow.destructive-action.osd:disabled:selected:hover arrow, expander .osd title > arrow.destructive-action.osd:disabled:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:hover arrow, .osd treeview.view header button.destructive-action.osd:disabled:selected:hover arrow, treeview.view header .osd button.destructive-action.osd:disabled:selected:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:hover arrow, .osd expander title > arrow.destructive-action.osd:disabled:selected:focus, expander .osd title > arrow.destructive-action.osd:disabled:selected:focus, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus, .osd treeview.view header button.destructive-action.osd:disabled:selected:focus, treeview.view header .osd button.destructive-action.osd:disabled:selected:focus, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:focus, .osd expander title > arrow.destructive-action.osd:disabled:selected:focus image, expander .osd title > arrow.destructive-action.osd:disabled:selected:focus image, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus image, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus image, .osd treeview.view header button.destructive-action.osd:disabled:selected:focus image, treeview.view header .osd button.destructive-action.osd:disabled:selected:focus image, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus image, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:focus image, .osd expander title > arrow.destructive-action.osd:disabled:selected:focus arrow, expander .osd title > arrow.destructive-action.osd:disabled:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled:selected:focus arrow, .osd treeview.view header button.destructive-action.osd:disabled:selected:focus arrow, treeview.view header .osd button.destructive-action.osd:disabled:selected:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled:selected:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled:selected:focus arrow, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:hover, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:hover, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover image, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover image, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover image, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:hover image, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover image, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:hover image, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:hover arrow, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:focus, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:focus, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus image, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus image, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus image, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:focus image, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus image, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:focus image, .osd expander title > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, expander .osd title > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:disabled.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd treeview.view header button.destructive-action.osd:disabled.has-open-popup:focus arrow, treeview.view header .osd button.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd modelbutton.flat arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, modelbutton.flat .osd arrow.destructive-action.osd:disabled.has-open-popup:focus arrow, .osd button.destructive-action:disabled:checked:hover, .osd button.destructive-action:disabled:checked:hover image, .osd button.destructive-action:disabled:checked:hover arrow, .osd button.destructive-action:disabled:checked:focus, .osd button.destructive-action:disabled:checked:focus image, .osd button.destructive-action:disabled:checked:focus arrow, .osd button.destructive-action:disabled:selected:hover, .osd button.destructive-action:disabled:selected:hover image, .osd button.destructive-action:disabled:selected:hover arrow, .osd button.destructive-action:disabled:selected:focus, .osd button.destructive-action:disabled:selected:focus image, .osd button.destructive-action:disabled:selected:focus arrow, .osd button.destructive-action:disabled.has-open-popup:hover, .osd button.destructive-action:disabled.has-open-popup:hover image, .osd button.destructive-action:disabled.has-open-popup:hover arrow, .osd button.destructive-action:disabled.has-open-popup:focus, .osd button.destructive-action:disabled.has-open-popup:focus image, .osd button.destructive-action:disabled.has-open-popup:focus arrow, .osd button.destructive-action.osd:disabled:checked:hover, .osd button.destructive-action.osd:disabled:checked:hover image, .osd button.destructive-action.osd:disabled:checked:hover arrow, .osd button.destructive-action.osd:disabled:checked:focus, .osd button.destructive-action.osd:disabled:checked:focus image, .osd button.destructive-action.osd:disabled:checked:focus arrow, .osd button.destructive-action.osd:disabled:selected:hover, .osd button.destructive-action.osd:disabled:selected:hover image, .osd button.destructive-action.osd:disabled:selected:hover arrow, .osd button.destructive-action.osd:disabled:selected:focus, .osd button.destructive-action.osd:disabled:selected:focus image, .osd button.destructive-action.osd:disabled:selected:focus arrow, .osd button.destructive-action.osd:disabled.has-open-popup:hover, .osd button.destructive-action.osd:disabled.has-open-popup:hover image, .osd button.destructive-action.osd:disabled.has-open-popup:hover arrow, .osd button.destructive-action.osd:disabled.has-open-popup:focus, .osd button.destructive-action.osd:disabled.has-open-popup:focus image, .osd button.destructive-action.osd:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd expander title > arrow.destructive-action:disabled:disabled, expander .osd title > arrow.destructive-action:disabled:disabled, .osd notebook > header tabs > tab.destructive-action:disabled:disabled, notebook > header .osd tabs > tab.destructive-action:disabled:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled:disabled, .osd modelbutton.flat arrow.destructive-action:disabled:disabled, modelbutton.flat .osd arrow.destructive-action:disabled:disabled, .osd button.destructive-action:disabled:disabled, .osd button.destructive-action:disabled:disabled:checked, .osd button.destructive-action:disabled:disabled:selected, .osd button.destructive-action:disabled:disabled.has-open-popup, .osd button.destructive-action.osd:disabled:disabled, .osd button.destructive-action.osd:disabled:disabled:checked, .osd button.destructive-action.osd:disabled:disabled:selected, .osd button.destructive-action.osd:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +expander title.stack-switcher > arrow, notebook > header tabs.stack-switcher > tab, notebook > header > tabs.stack-switcher > arrow, treeview.view header .stack-switcher > button, modelbutton.flat .stack-switcher > arrow, .stack-switcher > button { outline-offset: -3px; } + +expander title.stack-switcher > arrow > label, notebook > header tabs.stack-switcher > tab > label, notebook > header > tabs.stack-switcher > arrow > label, treeview.view header .stack-switcher > button > label, modelbutton.flat .stack-switcher > arrow > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } + +expander title.stack-switcher > arrow > image, notebook > header tabs.stack-switcher > tab > image, notebook > header > tabs.stack-switcher > arrow > image, treeview.view header .stack-switcher > button > image, modelbutton.flat .stack-switcher > arrow > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + +expander title.stack-switcher > arrow.text-button, notebook > header tabs.stack-switcher > tab.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, treeview.view header .stack-switcher > button.text-button, modelbutton.flat .stack-switcher > arrow.text-button, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +expander title.stack-switcher > arrow.image-button, notebook > header tabs.stack-switcher > tab.image-button, notebook > header > tabs.stack-switcher > arrow.image-button, treeview.view header .stack-switcher > button.image-button, modelbutton.flat .stack-switcher > arrow.image-button, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +expander title.stack-switcher > arrow.needs-attention:active > label, notebook > header tabs.stack-switcher > tab.needs-attention:active > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, modelbutton.flat .stack-switcher > arrow.needs-attention:active > label, expander title.stack-switcher > arrow.needs-attention:active > image, notebook > header tabs.stack-switcher > tab.needs-attention:active > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > image, modelbutton.flat .stack-switcher > arrow.needs-attention:active > image, expander title.stack-switcher > arrow.needs-attention:checked > label, notebook > header tabs.stack-switcher > tab.needs-attention:checked > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > label, modelbutton.flat .stack-switcher > arrow.needs-attention:checked > label, expander title.stack-switcher > arrow.needs-attention:checked > image, notebook > header tabs.stack-switcher > tab.needs-attention:checked > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > image, modelbutton.flat .stack-switcher > arrow.needs-attention:checked > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } + +treeview.view header stackswitcher > button, modelbutton.flat stackswitcher > arrow, treeview.view header stackswitcher > button:first-child, modelbutton.flat stackswitcher > arrow:first-child, treeview.view header stackswitcher > button:last-child, modelbutton.flat stackswitcher > arrow:last-child, treeview.view header stackswitcher > button:not(:first-child), modelbutton.flat stackswitcher > arrow:not(:first-child), treeview.view header stackswitcher > button:not(:last-child), modelbutton.flat stackswitcher > arrow:not(:last-child), treeview.view header stackswitcher > button:dir(ltr):not(:first-child), modelbutton.flat stackswitcher > arrow:dir(ltr):not(:first-child), treeview.view header stackswitcher > button:dir(ltr):not(:last-child), modelbutton.flat stackswitcher > arrow:dir(ltr):not(:last-child), treeview.view header stackswitcher > button:dir(rtl):not(:first-child), modelbutton.flat stackswitcher > arrow:dir(rtl):not(:first-child), treeview.view header stackswitcher > button:dir(rtl):not(:last-child), modelbutton.flat stackswitcher > arrow:dir(rtl):not(:last-child), treeview.view header stackswitcher > button.radio, modelbutton.flat stackswitcher > arrow.radio, treeview.view header stackswitcher.linked > button, modelbutton.flat stackswitcher.linked > arrow, treeview.view header stackswitcher.linked > button:first-child, modelbutton.flat stackswitcher.linked > arrow:first-child, treeview.view header stackswitcher.linked > button:last-child, modelbutton.flat stackswitcher.linked > arrow:last-child, treeview.view header stackswitcher.linked > button:not(:first-child), modelbutton.flat stackswitcher.linked > arrow:not(:first-child), treeview.view header stackswitcher.linked > button:not(:last-child), modelbutton.flat stackswitcher.linked > arrow:not(:last-child), treeview.view header stackswitcher.linked > button:dir(ltr):not(:first-child), modelbutton.flat stackswitcher.linked > arrow:dir(ltr):not(:first-child), treeview.view header stackswitcher.linked > button:dir(ltr):not(:last-child), modelbutton.flat stackswitcher.linked > arrow:dir(ltr):not(:last-child), treeview.view header stackswitcher.linked > button:dir(rtl):not(:first-child), modelbutton.flat stackswitcher.linked > arrow:dir(rtl):not(:first-child), treeview.view header stackswitcher.linked > button:dir(rtl):not(:last-child), modelbutton.flat stackswitcher.linked > arrow:dir(rtl):not(:last-child), treeview.view header stackswitcher.linked > button.radio, modelbutton.flat stackswitcher.linked > arrow.radio, treeview.view header stackswitcher.linked:not(.vertical) > button, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow, treeview.view header stackswitcher.linked:not(.vertical) > button:first-child, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:first-child, treeview.view header stackswitcher.linked:not(.vertical) > button:last-child, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:last-child, treeview.view header stackswitcher.linked:not(.vertical) > button:not(:first-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:not(:first-child), treeview.view header stackswitcher.linked:not(.vertical) > button:not(:last-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:not(:last-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), treeview.view header stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), modelbutton.flat stackswitcher.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), treeview.view header stackswitcher.linked:not(.vertical) > button.radio, modelbutton.flat stackswitcher.linked:not(.vertical) > arrow.radio, expander title.stack-switcher > arrow, notebook > header tabs.stack-switcher > tab, notebook > header > tabs.stack-switcher > arrow, treeview.view header .stack-switcher > button, modelbutton.flat .stack-switcher > arrow, expander title.stack-switcher > arrow:first-child, notebook > header tabs.stack-switcher > tab:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, treeview.view header .stack-switcher > button:first-child, modelbutton.flat .stack-switcher > arrow:first-child, expander title.stack-switcher > arrow:last-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, treeview.view header .stack-switcher > button:last-child, modelbutton.flat .stack-switcher > arrow:last-child, expander title.stack-switcher > arrow:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), treeview.view header .stack-switcher > button:not(:first-child), modelbutton.flat .stack-switcher > arrow:not(:first-child), expander title.stack-switcher > arrow:not(:last-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), treeview.view header .stack-switcher > button:not(:last-child), modelbutton.flat .stack-switcher > arrow:not(:last-child), expander title.stack-switcher > arrow:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), treeview.view header .stack-switcher > button:dir(ltr):not(:first-child), modelbutton.flat .stack-switcher > arrow:dir(ltr):not(:first-child), expander title.stack-switcher > arrow:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), treeview.view header .stack-switcher > button:dir(ltr):not(:last-child), modelbutton.flat .stack-switcher > arrow:dir(ltr):not(:last-child), expander title.stack-switcher > arrow:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), treeview.view header .stack-switcher > button:dir(rtl):not(:first-child), modelbutton.flat .stack-switcher > arrow:dir(rtl):not(:first-child), expander title.stack-switcher > arrow:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), treeview.view header .stack-switcher > button:dir(rtl):not(:last-child), modelbutton.flat .stack-switcher > arrow:dir(rtl):not(:last-child), expander title.stack-switcher > arrow.radio, notebook > header tabs.stack-switcher > tab.radio, notebook > header > tabs.stack-switcher > arrow.radio, treeview.view header .stack-switcher > button.radio, modelbutton.flat .stack-switcher > arrow.radio, stackswitcher > button, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { margin: 5px; border-radius: 9999px; border-width: 1px; border-style: solid; } + +treeview.view header stackswitcher > button.text-button, modelbutton.flat stackswitcher > arrow.text-button, expander title.stack-switcher > arrow.text-button, notebook > header tabs.stack-switcher > tab.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, treeview.view header .stack-switcher > button.text-button, modelbutton.flat .stack-switcher > arrow.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } + +treeview.view header stackswitcher > button.circular, modelbutton.flat stackswitcher > arrow.circular, expander title.stack-switcher > arrow.circular, notebook > header tabs.stack-switcher > tab.circular, notebook > header > tabs.stack-switcher > arrow.circular, treeview.view header .stack-switcher > button.circular, modelbutton.flat .stack-switcher > arrow.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +expander title > arrow.font > box > box > label, notebook > header tabs > tab.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, modelbutton.flat arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +.primary-toolbar expander title > arrow, expander .primary-toolbar title > arrow, .primary-toolbar notebook > header tabs > tab, notebook > header .primary-toolbar tabs > tab, .primary-toolbar notebook > header > tabs > arrow, .primary-toolbar treeview.view header button, treeview.view header .primary-toolbar button, .primary-toolbar modelbutton.flat arrow, modelbutton.flat .primary-toolbar arrow, .primary-toolbar button { -gtk-icon-shadow: none; } + +expander title > arrow.circular, notebook > header tabs > tab.circular, notebook > header > tabs > arrow.circular, treeview.view header button.circular, modelbutton.flat arrow.circular, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ } + +expander title > arrow.circular label, notebook > header tabs > tab.circular label, notebook > header > tabs > arrow.circular label, treeview.view header button.circular label, modelbutton.flat arrow.circular label, button.circular label { padding: 0; } + +expander title > arrow.radio, notebook > header tabs > tab.radio, notebook > header > tabs > arrow.radio, treeview.view header button.radio, modelbutton.flat arrow.radio, button.radio { border-radius: 9999px; } + +stacksidebar row.needs-attention > label, expander title.stack-switcher > arrow.needs-attention > label, notebook > header tabs.stack-switcher > tab.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > label, treeview.view header .stack-switcher > button.needs-attention > label, modelbutton.flat .stack-switcher > arrow.needs-attention > label, expander title.stack-switcher > arrow.needs-attention > image, notebook > header tabs.stack-switcher > tab.needs-attention > image, notebook > header > tabs.stack-switcher > arrow.needs-attention > image, treeview.view header .stack-switcher > button.needs-attention > image, modelbutton.flat .stack-switcher > arrow.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.803922)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, expander title.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header tabs.stack-switcher > tab.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, modelbutton.flat .stack-switcher > arrow.needs-attention > label:backdrop, expander title.stack-switcher > arrow.needs-attention > image:backdrop, notebook > header tabs.stack-switcher > tab.needs-attention > image:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > image:backdrop, modelbutton.flat .stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header tabs.stack-switcher > tab.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), modelbutton.flat .stack-switcher > arrow.needs-attention > label:dir(rtl), expander title.stack-switcher > arrow.needs-attention > image:dir(rtl), notebook > header tabs.stack-switcher > tab.needs-attention > image:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), modelbutton.flat .stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar expander title > arrow, expander .inline-toolbar title > arrow, .inline-toolbar notebook > header tabs > tab, notebook > header .inline-toolbar tabs > tab, .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar treeview.view header button, treeview.view header .inline-toolbar button, .inline-toolbar modelbutton.flat arrow, modelbutton.flat .inline-toolbar arrow, .inline-toolbar button, expander title.linked > arrow, notebook > header tabs.linked > tab, notebook > header > tabs.linked > arrow, treeview.view header .linked > button, modelbutton.flat .linked > arrow, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-radius: 0; -gtk-outline-radius: 0; margin-right: 0; margin-left: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar expander title > arrow:first-child, expander .inline-toolbar title > arrow:first-child, .inline-toolbar notebook > header tabs > tab:first-child, notebook > header .inline-toolbar tabs > tab:first-child, .inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar modelbutton.flat arrow:first-child, modelbutton.flat .inline-toolbar arrow:first-child, .inline-toolbar button:first-child, expander title.linked > arrow:first-child, notebook > header tabs.linked > tab:first-child, notebook > header > tabs.linked > arrow:first-child, treeview.view header .linked > button:first-child, modelbutton.flat .linked > arrow:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 3px; border-bottom-left-radius: 3px; -gtk-outline-top-left-radius: 3px; -gtk-outline-bottom-left-radius: 3px; margin-right: 0; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar expander title > arrow:last-child, expander .inline-toolbar title > arrow:last-child, .inline-toolbar notebook > header tabs > tab:last-child, notebook > header .inline-toolbar tabs > tab:last-child, .inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar modelbutton.flat arrow:last-child, modelbutton.flat .inline-toolbar arrow:last-child, .inline-toolbar button:last-child, expander title.linked > arrow:last-child, notebook > header tabs.linked > tab:last-child, notebook > header > tabs.linked > arrow:last-child, treeview.view header .linked > button:last-child, modelbutton.flat .linked > arrow:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-top-right-radius: 3px; border-bottom-right-radius: 3px; -gtk-outline-top-right-radius: 3px; -gtk-outline-bottom-right-radius: 3px; margin-left: 0; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar expander title > arrow:only-child, expander .inline-toolbar title > arrow:only-child, .inline-toolbar notebook > header tabs > tab:only-child, notebook > header .inline-toolbar tabs > tab:only-child, .inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar modelbutton.flat arrow:only-child, modelbutton.flat .inline-toolbar arrow:only-child, .inline-toolbar button:only-child, expander title.linked > arrow:only-child, notebook > header tabs.linked > tab:only-child, notebook > header > tabs.linked > arrow:only-child, treeview.view header .linked > button:only-child, modelbutton.flat .linked > arrow:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-radius: 3px; -gtk-outline-radius: 3px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, expander title.linked.vertical > arrow, notebook > header tabs.linked.vertical > tab, notebook > header > tabs.linked.vertical > arrow, treeview.view header .linked.vertical > button, modelbutton.flat .linked.vertical > arrow, .linked.vertical > button { border-radius: 0; -gtk-outline-radius: 0; margin-top: 0; margin-bottom: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, expander title.linked.vertical > arrow:first-child, notebook > header tabs.linked.vertical > tab:first-child, notebook > header > tabs.linked.vertical > arrow:first-child, treeview.view header .linked.vertical > button:first-child, modelbutton.flat .linked.vertical > arrow:first-child, .linked.vertical > button:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; -gtk-outline-top-left-radius: 3px; -gtk-outline-top-right-radius: 3px; margin-bottom: 0; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, expander title.linked.vertical > arrow:last-child, notebook > header tabs.linked.vertical > tab:last-child, notebook > header > tabs.linked.vertical > arrow:last-child, treeview.view header .linked.vertical > button:last-child, modelbutton.flat .linked.vertical > arrow:last-child, .linked.vertical > button:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -gtk-outline-bottom-left-radius: 3px; -gtk-outline-bottom-right-radius: 3px; margin-top: 0; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, expander title.linked.vertical > arrow:only-child, notebook > header tabs.linked.vertical > tab:only-child, notebook > header > tabs.linked.vertical > arrow:only-child, treeview.view header .linked.vertical > button:only-child, modelbutton.flat .linked.vertical > arrow:only-child, .linked.vertical > button:only-child { border-radius: 3px; -gtk-outline-radius: 3px; } + +/* menu buttons */ +modelbutton, .menuitem.button { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; border: 1px solid; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +modelbutton:hover, modelbutton:focus, .menuitem.button:hover, .menuitem.button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +modelbutton:hover, modelbutton:hover image, modelbutton:hover arrow, modelbutton:focus, modelbutton:focus image, modelbutton:focus arrow, .menuitem.button:hover, .menuitem.button:hover image, .menuitem.button:hover arrow, .menuitem.button:focus, .menuitem.button:focus image, .menuitem.button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +modelbutton:active, modelbutton.keyboard-activating, .menuitem.button:active, .menuitem.button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +modelbutton:checked, modelbutton:selected, modelbutton.has-open-popup, .menuitem.button:checked, .menuitem.button:selected, .menuitem.button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +modelbutton:checked, modelbutton:checked image, modelbutton:checked arrow, modelbutton:selected, modelbutton:selected image, modelbutton:selected arrow, modelbutton.has-open-popup, modelbutton.has-open-popup image, modelbutton.has-open-popup arrow, .menuitem.button:checked, .menuitem.button:checked image, .menuitem.button:checked arrow, .menuitem.button:selected, .menuitem.button:selected image, .menuitem.button:selected arrow, .menuitem.button.has-open-popup, .menuitem.button.has-open-popup image, .menuitem.button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +modelbutton:checked:hover, modelbutton:checked:focus, modelbutton:selected:hover, modelbutton:selected:focus, modelbutton.has-open-popup:hover, modelbutton.has-open-popup:focus, .menuitem.button:checked:hover, .menuitem.button:checked:focus, .menuitem.button:selected:hover, .menuitem.button:selected:focus, .menuitem.button.has-open-popup:hover, .menuitem.button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +modelbutton:checked:hover, modelbutton:checked:hover image, modelbutton:checked:hover arrow, modelbutton:checked:focus, modelbutton:checked:focus image, modelbutton:checked:focus arrow, modelbutton:selected:hover, modelbutton:selected:hover image, modelbutton:selected:hover arrow, modelbutton:selected:focus, modelbutton:selected:focus image, modelbutton:selected:focus arrow, modelbutton.has-open-popup:hover, modelbutton.has-open-popup:hover image, modelbutton.has-open-popup:hover arrow, modelbutton.has-open-popup:focus, modelbutton.has-open-popup:focus image, modelbutton.has-open-popup:focus arrow, .menuitem.button:checked:hover, .menuitem.button:checked:hover image, .menuitem.button:checked:hover arrow, .menuitem.button:checked:focus, .menuitem.button:checked:focus image, .menuitem.button:checked:focus arrow, .menuitem.button:selected:hover, .menuitem.button:selected:hover image, .menuitem.button:selected:hover arrow, .menuitem.button:selected:focus, .menuitem.button:selected:focus image, .menuitem.button:selected:focus arrow, .menuitem.button.has-open-popup:hover, .menuitem.button.has-open-popup:hover image, .menuitem.button.has-open-popup:hover arrow, .menuitem.button.has-open-popup:focus, .menuitem.button.has-open-popup:focus image, .menuitem.button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +modelbutton:disabled, modelbutton:disabled:checked, modelbutton:disabled:selected, modelbutton:disabled.has-open-popup, .menuitem.button:disabled, .menuitem.button:disabled:checked, .menuitem.button:disabled:selected, .menuitem.button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #dc8add; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #71615c; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c6dcf7; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #3a551e; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #99c1f1; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #405f35; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(197, 197, 197, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(153, 193, 241, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #405f35; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { padding: 0; } + +spinbutton.vertical:disabled { color: #7c675a; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #3f3e3e; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(32, 61, 121, 0.7); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #595757; background-color: #474646; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #545252; background-color: #464545; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; color: #EDF0F5; background: #3f3e3e linear-gradient(to top, black, #3a3939 7%, #424141 93%, #8c8a8a 100%); /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #545252; background: #3f3e3e linear-gradient(to top, black, #3a3939 7%, #424141 93%, #8c8a8a 100%); color: #EDF0F5; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) button, headerbar button { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:focus, headerbar button:hover, headerbar button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:hover image, .titlebar:not(headerbar) button:hover arrow, .titlebar:not(headerbar) button:focus, .titlebar:not(headerbar) button:focus image, .titlebar:not(headerbar) button:focus arrow, headerbar button:hover, headerbar button:hover image, headerbar button:hover arrow, headerbar button:focus, headerbar button:focus image, headerbar button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button.keyboard-activating, headerbar button:active, headerbar button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button.has-open-popup, headerbar button:checked, headerbar button:selected, headerbar button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:checked image, .titlebar:not(headerbar) button:checked arrow, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button:selected image, .titlebar:not(headerbar) button:selected arrow, .titlebar:not(headerbar) button.has-open-popup, .titlebar:not(headerbar) button.has-open-popup image, .titlebar:not(headerbar) button.has-open-popup arrow, headerbar button:checked, headerbar button:checked image, headerbar button:checked arrow, headerbar button:selected, headerbar button:selected image, headerbar button:selected arrow, headerbar button.has-open-popup, headerbar button.has-open-popup image, headerbar button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:focus, headerbar button:checked:hover, headerbar button:checked:focus, headerbar button:selected:hover, headerbar button:selected:focus, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:hover image, .titlebar:not(headerbar) button:checked:hover arrow, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:checked:focus image, .titlebar:not(headerbar) button:checked:focus arrow, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:hover image, .titlebar:not(headerbar) button:selected:hover arrow, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button:selected:focus image, .titlebar:not(headerbar) button:selected:focus arrow, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:hover image, .titlebar:not(headerbar) button.has-open-popup:hover arrow, .titlebar:not(headerbar) button.has-open-popup:focus, .titlebar:not(headerbar) button.has-open-popup:focus image, .titlebar:not(headerbar) button.has-open-popup:focus arrow, headerbar button:checked:hover, headerbar button:checked:hover image, headerbar button:checked:hover arrow, headerbar button:checked:focus, headerbar button:checked:focus image, headerbar button:checked:focus arrow, headerbar button:selected:hover, headerbar button:selected:hover image, headerbar button:selected:hover arrow, headerbar button:selected:focus, headerbar button:selected:focus image, headerbar button:selected:focus arrow, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:hover image, headerbar button.has-open-popup:hover arrow, headerbar button.has-open-popup:focus, headerbar button.has-open-popup:focus image, headerbar button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:disabled, headerbar button:disabled { color: #7c675a; background-color: #493e37; } + +.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, .titlebar:not(headerbar) button:backdrop:not(:checked):focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):focus arrow, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover image, headerbar button:backdrop:not(:checked):hover arrow, headerbar button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):focus image, headerbar button:backdrop:not(:checked):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):active, .titlebar:not(headerbar) button:backdrop:not(:checked).keyboard-activating, headerbar button:backdrop:not(:checked):active, headerbar button:backdrop:not(:checked).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):checked image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked):selected image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup arrow, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):checked image, headerbar button:backdrop:not(:checked):checked arrow, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked):selected image, headerbar button:backdrop:not(:checked):selected arrow, headerbar button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked).has-open-popup image, headerbar button:backdrop:not(:checked).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus arrow, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:hover image, headerbar button:backdrop:not(:checked):checked:hover arrow, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):checked:focus image, headerbar button:backdrop:not(:checked):checked:focus arrow, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:hover image, headerbar button:backdrop:not(:checked):selected:hover arrow, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked):selected:focus image, headerbar button:backdrop:not(:checked):selected:focus arrow, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:hover image, headerbar button:backdrop:not(:checked).has-open-popup:hover arrow, headerbar button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked).has-open-popup:focus image, headerbar button:backdrop:not(:checked).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):disabled, headerbar button:backdrop:not(:checked):disabled { color: #7c675a; background-color: #493e37; } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #2a4606; border-color: #86e4b0; background: #33d17a linear-gradient(to top, #145732, #2ecc75 7%, #37d27d 93%, #b0edcb 100%); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #33d17a; background-image: none; box-shadow: inset 0 1px rgba(61, 211, 128, 0.442); } + +.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: #2a4606; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(51, 209, 122, 0); background-color: rgba(51, 209, 122, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(42, 70, 6, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } + +headerbar switch { margin-top: 7px; margin-bottom: 7px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 6px; border-top-right-radius: 6px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #595757; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(117, 255, 37, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #909194; border-top-color: #3f3e3e; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:disabled { color: #7c675a; } + +treeview.view:disabled:selected { color: #57b519; } + +treeview.view:disabled:selected:backdrop { color: #76dc3a; } + +treeview.view:disabled:backdrop { color: #666464; } + +treeview.view.separator { min-height: 2px; color: #3f3e3e; } + +treeview.view.separator:backdrop { color: rgba(63, 62, 62, 0.1); } + +treeview.view:backdrop { border-left-color: #6b6b6c; border-top: #3f3e3e; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #338b00; } + +treeview.view:drop(active).after { border-top-style: none; } + +treeview.view:drop(active).before { border-bottom-style: none; } + +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: #EDF0F5; } + +treeview.view.expander:selected { color: #417e0f; } + +treeview.view.expander:selected:hover { color: #2a4606; } + +treeview.view.expander:selected:backdrop { color: #78ac56; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #79797c; } + +treeview.view header button { border-right-width: 0px; border-radius: 0; padding: 0px 3px; margin: 0px; color: #909194; background-color: #323232; font-weight: bold; text-shadow: none; } + +treeview.view header button:hover { color: #bfc1c5; } + +treeview.view header button:active { color: #EDF0F5; } + +treeview.view header button:last-child { border-right-width: 1px; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); color: #75ff25; background-color: #75ff25; transition: none; } + +treeview.view button.dnd:active:hover, treeview.view button.dnd:active:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover, treeview.view button.dnd:focus, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +treeview.view button.dnd:active:hover, treeview.view button.dnd:active:hover image, treeview.view button.dnd:active:hover arrow, treeview.view button.dnd:active:focus, treeview.view button.dnd:active:focus image, treeview.view button.dnd:active:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:hover image, treeview.view button.dnd:hover:hover arrow, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover:focus image, treeview.view button.dnd:hover:focus arrow, treeview.view button.dnd:hover, treeview.view button.dnd:hover image, treeview.view button.dnd:hover arrow, treeview.view button.dnd:focus, treeview.view button.dnd:focus image, treeview.view button.dnd:focus arrow, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:hover image, treeview.view header.button.dnd:active:hover arrow, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:active:focus image, treeview.view header.button.dnd:active:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:hover image, treeview.view header.button.dnd:hover:hover arrow, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover:focus image, treeview.view header.button.dnd:hover:focus arrow, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:hover image, treeview.view header.button.dnd:hover arrow, treeview.view header.button.dnd:focus, treeview.view header.button.dnd:focus image, treeview.view header.button.dnd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +treeview.view button.dnd:active:active, treeview.view button.dnd:active.keyboard-activating, treeview.view button.dnd:selected:active, treeview.view button.dnd:selected.keyboard-activating, treeview.view button.dnd:hover:active, treeview.view button.dnd:hover.keyboard-activating, treeview.view button.dnd:active, treeview.view button.dnd.keyboard-activating, treeview.view header.button.dnd:active:active, treeview.view header.button.dnd:active.keyboard-activating, treeview.view header.button.dnd:selected:active, treeview.view header.button.dnd:selected.keyboard-activating, treeview.view header.button.dnd:hover:active, treeview.view header.button.dnd:hover.keyboard-activating, treeview.view header.button.dnd:active, treeview.view header.button.dnd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +treeview.view button.dnd:active:checked, treeview.view button.dnd:active:selected, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:checked, treeview.view button.dnd:selected, treeview.view button.dnd.has-open-popup, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:selected, treeview.view header.button.dnd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +treeview.view button.dnd:active:checked, treeview.view button.dnd:active:checked image, treeview.view button.dnd:active:checked arrow, treeview.view button.dnd:active:selected, treeview.view button.dnd:active:selected image, treeview.view button.dnd:active:selected arrow, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:active.has-open-popup image, treeview.view button.dnd:active.has-open-popup arrow, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:checked image, treeview.view button.dnd:selected:checked arrow, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected:selected image, treeview.view button.dnd:selected:selected arrow, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:selected.has-open-popup image, treeview.view button.dnd:selected.has-open-popup arrow, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:checked image, treeview.view button.dnd:hover:checked arrow, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover:selected image, treeview.view button.dnd:hover:selected arrow, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:hover.has-open-popup image, treeview.view button.dnd:hover.has-open-popup arrow, treeview.view button.dnd:checked, treeview.view button.dnd:checked image, treeview.view button.dnd:checked arrow, treeview.view button.dnd:selected, treeview.view button.dnd:selected image, treeview.view button.dnd:selected arrow, treeview.view button.dnd.has-open-popup, treeview.view button.dnd.has-open-popup image, treeview.view button.dnd.has-open-popup arrow, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:checked image, treeview.view header.button.dnd:active:checked arrow, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active:selected image, treeview.view header.button.dnd:active:selected arrow, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:active.has-open-popup image, treeview.view header.button.dnd:active.has-open-popup arrow, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:checked image, treeview.view header.button.dnd:selected:checked arrow, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected:selected image, treeview.view header.button.dnd:selected:selected arrow, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:selected.has-open-popup image, treeview.view header.button.dnd:selected.has-open-popup arrow, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:checked image, treeview.view header.button.dnd:hover:checked arrow, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover:selected image, treeview.view header.button.dnd:hover:selected arrow, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:hover.has-open-popup image, treeview.view header.button.dnd:hover.has-open-popup arrow, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:checked image, treeview.view header.button.dnd:checked arrow, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:selected image, treeview.view header.button.dnd:selected arrow, treeview.view header.button.dnd.has-open-popup, treeview.view header.button.dnd.has-open-popup image, treeview.view header.button.dnd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:focus, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:hover image, treeview.view button.dnd:active:checked:hover arrow, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:checked:focus image, treeview.view button.dnd:active:checked:focus arrow, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:hover image, treeview.view button.dnd:active:selected:hover arrow, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active:selected:focus image, treeview.view button.dnd:active:selected:focus arrow, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:hover image, treeview.view button.dnd:active.has-open-popup:hover arrow, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:active.has-open-popup:focus image, treeview.view button.dnd:active.has-open-popup:focus arrow, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:hover image, treeview.view button.dnd:selected:checked:hover arrow, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:checked:focus image, treeview.view button.dnd:selected:checked:focus arrow, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:hover image, treeview.view button.dnd:selected:selected:hover arrow, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected:selected:focus image, treeview.view button.dnd:selected:selected:focus arrow, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:hover image, treeview.view button.dnd:selected.has-open-popup:hover arrow, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:selected.has-open-popup:focus image, treeview.view button.dnd:selected.has-open-popup:focus arrow, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:hover image, treeview.view button.dnd:hover:checked:hover arrow, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:checked:focus image, treeview.view button.dnd:hover:checked:focus arrow, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:hover image, treeview.view button.dnd:hover:selected:hover arrow, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover:selected:focus image, treeview.view button.dnd:hover:selected:focus arrow, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:hover image, treeview.view button.dnd:hover.has-open-popup:hover arrow, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:hover.has-open-popup:focus image, treeview.view button.dnd:hover.has-open-popup:focus arrow, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:hover image, treeview.view button.dnd:checked:hover arrow, treeview.view button.dnd:checked:focus, treeview.view button.dnd:checked:focus image, treeview.view button.dnd:checked:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:hover image, treeview.view button.dnd.has-open-popup:hover arrow, treeview.view button.dnd.has-open-popup:focus, treeview.view button.dnd.has-open-popup:focus image, treeview.view button.dnd.has-open-popup:focus arrow, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:hover image, treeview.view header.button.dnd:active:checked:hover arrow, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:checked:focus image, treeview.view header.button.dnd:active:checked:focus arrow, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:hover image, treeview.view header.button.dnd:active:selected:hover arrow, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active:selected:focus image, treeview.view header.button.dnd:active:selected:focus arrow, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:hover image, treeview.view header.button.dnd:active.has-open-popup:hover arrow, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:active.has-open-popup:focus image, treeview.view header.button.dnd:active.has-open-popup:focus arrow, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:hover image, treeview.view header.button.dnd:selected:checked:hover arrow, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:checked:focus image, treeview.view header.button.dnd:selected:checked:focus arrow, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:hover image, treeview.view header.button.dnd:selected:selected:hover arrow, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected:selected:focus image, treeview.view header.button.dnd:selected:selected:focus arrow, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:hover image, treeview.view header.button.dnd:selected.has-open-popup:hover arrow, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:selected.has-open-popup:focus image, treeview.view header.button.dnd:selected.has-open-popup:focus arrow, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:hover image, treeview.view header.button.dnd:hover:checked:hover arrow, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:checked:focus image, treeview.view header.button.dnd:hover:checked:focus arrow, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:hover image, treeview.view header.button.dnd:hover:selected:hover arrow, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover:selected:focus image, treeview.view header.button.dnd:hover:selected:focus arrow, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:hover image, treeview.view header.button.dnd:hover.has-open-popup:hover arrow, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:hover.has-open-popup:focus image, treeview.view header.button.dnd:hover.has-open-popup:focus arrow, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:hover image, treeview.view header.button.dnd:checked:hover arrow, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:checked:focus image, treeview.view header.button.dnd:checked:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:hover image, treeview.view header.button.dnd.has-open-popup:hover arrow, treeview.view header.button.dnd.has-open-popup:focus, treeview.view header.button.dnd.has-open-popup:focus image, treeview.view header.button.dnd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +treeview.view button.dnd:active:disabled, treeview.view button.dnd:active:disabled:checked, treeview.view button.dnd:active:disabled:selected, treeview.view button.dnd:active:disabled.has-open-popup, treeview.view button.dnd:selected:disabled, treeview.view button.dnd:selected:disabled:checked, treeview.view button.dnd:selected:disabled:selected, treeview.view button.dnd:selected:disabled.has-open-popup, treeview.view button.dnd:hover:disabled, treeview.view button.dnd:hover:disabled:checked, treeview.view button.dnd:hover:disabled:selected, treeview.view button.dnd:hover:disabled.has-open-popup, treeview.view button.dnd:disabled, treeview.view button.dnd:disabled:checked, treeview.view button.dnd:disabled:selected, treeview.view button.dnd:disabled.has-open-popup, treeview.view header.button.dnd:active:disabled, treeview.view header.button.dnd:active:disabled:checked, treeview.view header.button.dnd:active:disabled:selected, treeview.view header.button.dnd:active:disabled.has-open-popup, treeview.view header.button.dnd:selected:disabled, treeview.view header.button.dnd:selected:disabled:checked, treeview.view header.button.dnd:selected:disabled:selected, treeview.view header.button.dnd:selected:disabled.has-open-popup, treeview.view header.button.dnd:hover:disabled, treeview.view header.button.dnd:hover:disabled:checked, treeview.view header.button.dnd:hover:disabled:selected, treeview.view header.button.dnd:hover:disabled.has-open-popup, treeview.view header.button.dnd:disabled, treeview.view header.button.dnd:disabled:checked, treeview.view header.button.dnd:disabled:selected, treeview.view header.button.dnd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +treeview.view acceleditor > label { background-color: #75ff25; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, menubar > menuitem:active, .menubar > menuitem:hover, .menubar > menuitem:active { background-color: #75ff25; color: #2a4606; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7c675a; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #353434; border: 1px solid #595757; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; border: 1px solid transparent; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +menu menuitem:hover, menu menuitem:active, .menu menuitem:hover, .menu menuitem:active, .context-menu menuitem:hover, .context-menu menuitem:active { background-color: #75ff25; color: #2a4606; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7c675a; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #353434; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #454546; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #454546; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menuitem accelerator { color: alpha(currentColor,0.55); } + +menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #3f3e3e; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #595757; border-radius: 7px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(237, 240, 245, 0.5); } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +notebook > header tabs > tab.reorderable-page { background-position: left; padding-left: 1rem; } + +notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } + +notebook:focus > header { background-color: #4c4b4b; } + +notebook > header.left, notebook > header.right { border-radius: 1.5em; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:hover image, notebook > header > tabs > arrow:disabled:hover arrow, notebook > header > tabs > arrow:disabled:focus, notebook > header > tabs > arrow:disabled:focus image, notebook > header > tabs > arrow:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:checked image, notebook > header > tabs > arrow:disabled:checked arrow, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled:selected image, notebook > header > tabs > arrow:disabled:selected arrow, notebook > header > tabs > arrow:disabled.has-open-popup, notebook > header > tabs > arrow:disabled.has-open-popup image, notebook > header > tabs > arrow:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:hover image, notebook > header > tabs > arrow:disabled:checked:hover arrow, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:checked:focus image, notebook > header > tabs > arrow:disabled:checked:focus arrow, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:hover image, notebook > header > tabs > arrow:disabled:selected:hover arrow, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled:selected:focus image, notebook > header > tabs > arrow:disabled:selected:focus arrow, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:hover image, notebook > header > tabs > arrow:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow:disabled.has-open-popup:focus, notebook > header > tabs > arrow:disabled.has-open-popup:focus image, notebook > header > tabs > arrow:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:disabled, notebook > header > tabs > arrow:disabled:disabled:checked, notebook > header > tabs > arrow:disabled:disabled:selected, notebook > header > tabs > arrow:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; } + +notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +/************** Scrollbars * */ +scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: true; -GtkScrollbar-has-forward-stepper: true; } + +scrollbar.top { border-bottom: 1px solid #595757; } + +scrollbar.bottom { border-top: 1px solid #595757; } + +scrollbar.left { border-right: 1px solid #595757; } + +scrollbar.right { border-left: 1px solid #595757; } + +scrollbar slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #4f4f4f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar slider:hover, scrollbar slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +scrollbar slider:hover, scrollbar slider:hover image, scrollbar slider:hover arrow, scrollbar slider:focus, scrollbar slider:focus image, scrollbar slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scrollbar slider:disabled, scrollbar slider:disabled:checked, scrollbar slider:disabled:selected, scrollbar slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scrollbar slider:hover { background-color: #62a73a; color: #8f8f8f; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar slider:hover:active, scrollbar slider:active { background-color: #95ff58; color: #545454; background-image: url("assets/draggable-black.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar slider:disabled { background-color: #493e37; } + +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #203d79; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-radius: 0; transition-property: min-height, min-width, color; } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #595757; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border-radius: 9999px; color: #EDF0F5; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } + +switch:checked { color: #2a4606; background-color: #75ff25; } + +switch:disabled { color: #7c675a; border-color: #595757; background-color: #493e37; text-shadow: none; } + +switch slider { margin: 1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +switch slider:hover, switch slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +switch slider:hover, switch slider:hover image, switch slider:hover arrow, switch slider:focus, switch slider:focus image, switch slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +switch slider:disabled, switch slider:disabled:checked, switch slider:disabled:selected, switch slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +switch image { color: transparent; } + +/************************* Check and Radio items * */ +/*************************** Check and Radio buttons * */ +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +checkbutton.text-button:hover > label, radiobutton.text-button:hover > label { text-shadow: 0 0 5px currentColor; } + +check, check:selected, radio, radio:selected { border-width: 1px; border-style: solid; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); margin: 0 4px; min-height: 14px; min-width: 14px; -gtk-icon-source: none; } + +check:hover, check:focus, check:selected:hover, check:selected:focus, radio:hover, radio:focus, radio:selected:hover, radio:selected:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +check:hover, check:hover image, check:hover arrow, check:focus, check:focus image, check:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, radio:hover, radio:hover image, radio:hover arrow, radio:focus, radio:focus image, radio:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +check:active, check.keyboard-activating, check:selected:active, check:selected.keyboard-activating, radio:active, radio.keyboard-activating, radio:selected:active, radio:selected.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +check:checked, check:selected, check.has-open-popup, check:selected:checked, check:selected:selected, check:selected.has-open-popup, radio:checked, radio:selected, radio.has-open-popup, radio:selected:checked, radio:selected:selected, radio:selected.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +check:checked, check:checked image, check:checked arrow, check:selected, check:selected image, check:selected arrow, check.has-open-popup, check.has-open-popup image, check.has-open-popup arrow, check:selected:checked, check:selected:checked image, check:selected:checked arrow, check:selected:selected, check:selected:selected image, check:selected:selected arrow, check:selected.has-open-popup, check:selected.has-open-popup image, check:selected.has-open-popup arrow, radio:checked, radio:checked image, radio:checked arrow, radio:selected, radio:selected image, radio:selected arrow, radio.has-open-popup, radio.has-open-popup image, radio.has-open-popup arrow, radio:selected:checked, radio:selected:checked image, radio:selected:checked arrow, radio:selected:selected, radio:selected:selected image, radio:selected:selected arrow, radio:selected.has-open-popup, radio:selected.has-open-popup image, radio:selected.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +check:checked:hover, check:checked:focus, check:selected:hover, check:selected:focus, check.has-open-popup:hover, check.has-open-popup:focus, check:selected:checked:hover, check:selected:checked:focus, check:selected:selected:hover, check:selected:selected:focus, check:selected.has-open-popup:hover, check:selected.has-open-popup:focus, radio:checked:hover, radio:checked:focus, radio:selected:hover, radio:selected:focus, radio.has-open-popup:hover, radio.has-open-popup:focus, radio:selected:checked:hover, radio:selected:checked:focus, radio:selected:selected:hover, radio:selected:selected:focus, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +check:checked:hover, check:checked:hover image, check:checked:hover arrow, check:checked:focus, check:checked:focus image, check:checked:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, check.has-open-popup:hover, check.has-open-popup:hover image, check.has-open-popup:hover arrow, check.has-open-popup:focus, check.has-open-popup:focus image, check.has-open-popup:focus arrow, check:selected:checked:hover, check:selected:checked:hover image, check:selected:checked:hover arrow, check:selected:checked:focus, check:selected:checked:focus image, check:selected:checked:focus arrow, check:selected:selected:hover, check:selected:selected:hover image, check:selected:selected:hover arrow, check:selected:selected:focus, check:selected:selected:focus image, check:selected:selected:focus arrow, check:selected.has-open-popup:hover, check:selected.has-open-popup:hover image, check:selected.has-open-popup:hover arrow, check:selected.has-open-popup:focus, check:selected.has-open-popup:focus image, check:selected.has-open-popup:focus arrow, radio:checked:hover, radio:checked:hover image, radio:checked:hover arrow, radio:checked:focus, radio:checked:focus image, radio:checked:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow, radio.has-open-popup:hover, radio.has-open-popup:hover image, radio.has-open-popup:hover arrow, radio.has-open-popup:focus, radio.has-open-popup:focus image, radio.has-open-popup:focus arrow, radio:selected:checked:hover, radio:selected:checked:hover image, radio:selected:checked:hover arrow, radio:selected:checked:focus, radio:selected:checked:focus image, radio:selected:checked:focus arrow, radio:selected:selected:hover, radio:selected:selected:hover image, radio:selected:selected:hover arrow, radio:selected:selected:focus, radio:selected:selected:focus image, radio:selected:selected:focus arrow, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:hover image, radio:selected.has-open-popup:hover arrow, radio:selected.has-open-popup:focus, radio:selected.has-open-popup:focus image, radio:selected.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +check:disabled, check:disabled:checked, check:disabled:selected, check:disabled.has-open-popup, check:selected:disabled, check:selected:disabled:checked, check:selected:disabled:selected, check:selected:disabled.has-open-popup, radio:disabled, radio:disabled:checked, radio:disabled:selected, radio:disabled.has-open-popup, radio:selected:disabled, radio:selected:disabled:checked, radio:selected:disabled:selected, radio:selected:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +check:only-child, check:selected:only-child, radio:only-child, radio:selected:only-child { margin: 0; } + +popover check.left:dir(rtl), popover check:selected.left:dir(rtl), popover radio.left:dir(rtl), popover radio:selected.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover check:selected.right:dir(ltr), popover radio.right:dir(ltr), popover radio:selected.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +menu menuitem check, menu menuitem check:selected, menu menuitem radio, menu menuitem radio:selected { margin: 0; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view radio:selected, treeview.view radio:selected:focus, treeview.view check:selected, treeview.view check:selected:focus { background-color: #4f4f4f; color: #75ff25; } + +treeview.view radio:selected:not(:checked), treeview.view radio:selected:focus:not(:checked), treeview.view check:selected:not(:checked), treeview.view check:selected:focus:not(:checked) { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +/************ GtkScale * */ +/************ GtkScale * */ +levelbar > trough, progressbar trough, scale fill, scale trough, treeview.view.trough, scrollbar trough, switch { border: none; border-radius: 9999px; background-color: #201f1f; box-shadow: 0px -2px 2px 0 rgba(255, 255, 255, 0.3), 2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), -2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), inset 0px -1px 1px 0 rgba(255, 255, 255, 0.3), inset 0px 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 2px 2px -1px rgba(0, 0, 0, 0.5), 0px 3px 4px -1px rgba(0, 0, 0, 0.5); } + +row:selected levelbar > trough, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough, row:selected treeview.view.trough, row:selected scrollbar trough, scrollbar row:selected trough, row:selected switch { border-color: #338b00; } + +.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough, .osd treeview.view.trough, .osd scrollbar trough, scrollbar .osd trough, .osd switch { border-color: #66cbec; } + +progressbar progress, scale highlight, treeview.view.progressbar { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +progressbar progress:disabled, scale highlight:disabled, treeview.view.progressbar:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill { background-color: #7f7e7e; } + +scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; min-height: 18px; min-width: 18px; margin: -3px; border-radius: 100%; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scale trough > slider:hover, scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +scale trough > slider:hover, scale trough > slider:hover image, scale trough > slider:hover arrow, scale trough > slider:focus, scale trough > slider:focus image, scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scale trough > slider:disabled, scale trough > slider:disabled:checked, scale trough > slider:disabled:selected, scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scale trough > slider:hover, scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +.osd scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +.osd scale trough > slider:hover, .osd scale trough > slider:hover image, .osd scale trough > slider:hover arrow, .osd scale trough > slider:focus, .osd scale trough > slider:focus image, .osd scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd scale trough > slider:disabled, .osd scale trough > slider:disabled:checked, .osd scale trough > slider:disabled:selected, .osd scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +.osd scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +scale.fine-tune trough > slider:hover, scale.fine-tune trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #33d17a; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider, scale.horizontal.color slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.marks-after slider, scale.vertical.color:dir(ltr) slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.vertical.marks-before slider, scale.vertical.color:dir(rtl) slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#595757); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 5px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 5px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 9999px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 9999px 9999px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 9999px 0 0 9999px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 9999px; } + +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 9999px; } + +levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; border-radius: 9999px; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { margin: 0px; border: none; border-radius: 9999px; background-color: #f57900; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.35), 0 0 5px 0 #f57900; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.low:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.high:disabled, levelbar > trough > block:not(.empty):disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.full { margin: 0px; border: none; border-radius: 9999px; background-color: #33d17a; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #33d17a; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.full:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.empty { margin: 0px; border: none; border-radius: 9999px; background-color: #252525; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3), 0 0 5px 0 #252525; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.empty:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +/**************** Print dialog * */ +printdialog paper { color: #EDF0F5; border: 1px solid #595757; background: white; padding: 0; } + +printdialog paper:backdrop { color: #96979a; border-color: #545252; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #595757; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #545252; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #595757; } + +actionbar > revealer > box:backdrop { border-color: #545252; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at top, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at bottom, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at left, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at right, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #75ff25 85%, rgba(117, 255, 37, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #595757 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #393838; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #545252 1px, transparent 1px); background-color: #373636; transition: 200ms ease-out; } + +separator { background-color: rgba(255, 255, 255, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: #EDF0F5; background-color: #323232; border-color: #595757; } + +list:backdrop { color: #c8cbcf; background-color: #353535; border-color: #545252; } + +list row { padding: 2px; } + +row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; } + +row.activatable:hover, row.activatable:active, row.activatable:selected, row.activatable.has-open-popup { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:hover, row.activatable:hover:focus, row.activatable:active:hover, row.activatable:active:focus, row.activatable:selected:hover, row.activatable:selected:focus, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +row.activatable:hover:hover, row.activatable:hover:hover image, row.activatable:hover:hover arrow, row.activatable:hover:focus, row.activatable:hover:focus image, row.activatable:hover:focus arrow, row.activatable:active:hover, row.activatable:active:hover image, row.activatable:active:hover arrow, row.activatable:active:focus, row.activatable:active:focus image, row.activatable:active:focus arrow, row.activatable:selected:hover, row.activatable:selected:hover image, row.activatable:selected:hover arrow, row.activatable:selected:focus, row.activatable:selected:focus image, row.activatable:selected:focus arrow, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:hover image, row.activatable.has-open-popup:hover arrow, row.activatable.has-open-popup:focus, row.activatable.has-open-popup:focus image, row.activatable.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:hover:active, row.activatable:hover.keyboard-activating, row.activatable:active:active, row.activatable:active.keyboard-activating, row.activatable:selected:active, row.activatable:selected.keyboard-activating, row.activatable.has-open-popup:active, row.activatable.has-open-popup.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:checked, row.activatable:hover:selected, row.activatable:hover.has-open-popup, row.activatable:active:checked, row.activatable:active:selected, row.activatable:active.has-open-popup, row.activatable:selected:checked, row.activatable:selected:selected, row.activatable:selected.has-open-popup, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:selected, row.activatable.has-open-popup.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked, row.activatable:hover:checked image, row.activatable:hover:checked arrow, row.activatable:hover:selected, row.activatable:hover:selected image, row.activatable:hover:selected arrow, row.activatable:hover.has-open-popup, row.activatable:hover.has-open-popup image, row.activatable:hover.has-open-popup arrow, row.activatable:active:checked, row.activatable:active:checked image, row.activatable:active:checked arrow, row.activatable:active:selected, row.activatable:active:selected image, row.activatable:active:selected arrow, row.activatable:active.has-open-popup, row.activatable:active.has-open-popup image, row.activatable:active.has-open-popup arrow, row.activatable:selected:checked, row.activatable:selected:checked image, row.activatable:selected:checked arrow, row.activatable:selected:selected, row.activatable:selected:selected image, row.activatable:selected:selected arrow, row.activatable:selected.has-open-popup, row.activatable:selected.has-open-popup image, row.activatable:selected.has-open-popup arrow, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:checked image, row.activatable.has-open-popup:checked arrow, row.activatable.has-open-popup:selected, row.activatable.has-open-popup:selected image, row.activatable.has-open-popup:selected arrow, row.activatable.has-open-popup.has-open-popup, row.activatable.has-open-popup.has-open-popup image, row.activatable.has-open-popup.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:focus, row.activatable:hover:selected:hover, row.activatable:hover:selected:focus, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:focus, row.activatable:active:checked:hover, row.activatable:active:checked:focus, row.activatable:active:selected:hover, row.activatable:active:selected:focus, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:focus, row.activatable:selected:checked:hover, row.activatable:selected:checked:focus, row.activatable:selected:selected:hover, row.activatable:selected:selected:focus, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:focus, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:hover image, row.activatable:hover:checked:hover arrow, row.activatable:hover:checked:focus, row.activatable:hover:checked:focus image, row.activatable:hover:checked:focus arrow, row.activatable:hover:selected:hover, row.activatable:hover:selected:hover image, row.activatable:hover:selected:hover arrow, row.activatable:hover:selected:focus, row.activatable:hover:selected:focus image, row.activatable:hover:selected:focus arrow, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:hover image, row.activatable:hover.has-open-popup:hover arrow, row.activatable:hover.has-open-popup:focus, row.activatable:hover.has-open-popup:focus image, row.activatable:hover.has-open-popup:focus arrow, row.activatable:active:checked:hover, row.activatable:active:checked:hover image, row.activatable:active:checked:hover arrow, row.activatable:active:checked:focus, row.activatable:active:checked:focus image, row.activatable:active:checked:focus arrow, row.activatable:active:selected:hover, row.activatable:active:selected:hover image, row.activatable:active:selected:hover arrow, row.activatable:active:selected:focus, row.activatable:active:selected:focus image, row.activatable:active:selected:focus arrow, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:hover image, row.activatable:active.has-open-popup:hover arrow, row.activatable:active.has-open-popup:focus, row.activatable:active.has-open-popup:focus image, row.activatable:active.has-open-popup:focus arrow, row.activatable:selected:checked:hover, row.activatable:selected:checked:hover image, row.activatable:selected:checked:hover arrow, row.activatable:selected:checked:focus, row.activatable:selected:checked:focus image, row.activatable:selected:checked:focus arrow, row.activatable:selected:selected:hover, row.activatable:selected:selected:hover image, row.activatable:selected:selected:hover arrow, row.activatable:selected:selected:focus, row.activatable:selected:selected:focus image, row.activatable:selected:selected:focus arrow, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:hover image, row.activatable:selected.has-open-popup:hover arrow, row.activatable:selected.has-open-popup:focus, row.activatable:selected.has-open-popup:focus image, row.activatable:selected.has-open-popup:focus arrow, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:hover image, row.activatable.has-open-popup:checked:hover arrow, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:checked:focus image, row.activatable.has-open-popup:checked:focus arrow, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:hover image, row.activatable.has-open-popup:selected:hover arrow, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup:selected:focus image, row.activatable.has-open-popup:selected:focus arrow, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:hover image, row.activatable.has-open-popup.has-open-popup:hover arrow, row.activatable.has-open-popup.has-open-popup:focus, row.activatable.has-open-popup.has-open-popup:focus image, row.activatable.has-open-popup.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:hover:disabled, row.activatable:hover:disabled:checked, row.activatable:hover:disabled:selected, row.activatable:hover:disabled.has-open-popup, row.activatable:active:disabled, row.activatable:active:disabled:checked, row.activatable:active:disabled:selected, row.activatable:active:disabled.has-open-popup, row.activatable:selected:disabled, row.activatable:selected:disabled:checked, row.activatable:selected:disabled:selected, row.activatable:selected:disabled.has-open-popup, row.activatable.has-open-popup:disabled, row.activatable.has-open-popup:disabled:checked, row.activatable.has-open-popup:disabled:selected, row.activatable.has-open-popup:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +row.activatable:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:hover, row.activatable:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +row.activatable:disabled:hover, row.activatable:disabled:hover image, row.activatable:disabled:hover arrow, row.activatable:disabled:focus, row.activatable:disabled:focus image, row.activatable:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:disabled:active, row.activatable:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:checked, row.activatable:disabled:selected, row.activatable:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked, row.activatable:disabled:checked image, row.activatable:disabled:checked arrow, row.activatable:disabled:selected, row.activatable:disabled:selected image, row.activatable:disabled:selected arrow, row.activatable:disabled.has-open-popup, row.activatable:disabled.has-open-popup image, row.activatable:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:focus, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:focus, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:hover image, row.activatable:disabled:checked:hover arrow, row.activatable:disabled:checked:focus, row.activatable:disabled:checked:focus image, row.activatable:disabled:checked:focus arrow, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:hover image, row.activatable:disabled:selected:hover arrow, row.activatable:disabled:selected:focus, row.activatable:disabled:selected:focus image, row.activatable:disabled:selected:focus arrow, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:hover image, row.activatable:disabled.has-open-popup:hover arrow, row.activatable:disabled.has-open-popup:focus, row.activatable:disabled.has-open-popup:focus image, row.activatable:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:disabled:disabled, row.activatable:disabled:disabled:checked, row.activatable:disabled:disabled:selected, row.activatable:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.nested > row { background-color: rgba(255, 255, 255, 0.1); } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: #EDF0F5; border: 1px solid #595757; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(237, 240, 245, 0.45); } + +calendar.button:hover { color: #EDF0F5; } + +calendar.button:backdrop { color: rgba(150, 151, 154, 0.45); } + +calendar.button:disabled { color: rgba(124, 103, 90, 0.45); } + +calendar.highlight { color: #7c675a; } + +calendar.highlight:backdrop { color: #666464; } + +calendar:backdrop { color: #c8cbcf; border-color: #545252; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +filechooser .dialog-action-box { border-top: 1px solid #595757; } + +filechooser .dialog-action-box:backdrop { border-top-color: #545252; } + +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #393838; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #595757; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #595757; border-right-style: none; } + +.sidebar:backdrop { background-color: #3a3939; border-color: #545252; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #595757; } + +separator.sidebar:backdrop { background-color: #545252; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #1d814a; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #2a4606; } + +placessidebar row:disabled { color: #7c675a; } + +placessidebar row:backdrop { color: #96979a; } + +placessidebar row:backdrop:selected { color: #79896b; } + +placessidebar row:backdrop:disabled { color: #666464; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #75ff25; } + +placessidebar row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 1px #33d17a, inset 0 -1px #33d17a; } + +placessidebar row:drop(active):not(:disabled):selected { color: #2a4606; background-color: #33d17a; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 0.5rem; min-height: 0.5rem; -gtk-icon-source: none; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; background-size: 0.5rem; border: none; background-color: #595757; } + +paned > separator:hover { box-shadow: inset 0 0 0 1px #75ff25; } + +paned > separator.wide { min-width: 0.75rem; min-height: 0.75rem; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { border-bottom: 1px solid #666464; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #8121b9; border-bottom: 1px solid #666464; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #EDF0F5; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #252525; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #99c1f1; } + +/************ Tooltips * */ +tooltip { border-radius: 5px; text-shadow: none; } + +tooltip.background { background-color: rgba(32, 61, 121, 0.9); background-clip: padding-box; border: 1px solid #66cbec; } + +tooltip decoration { background-color: transparent; } + +tooltip * { background-color: transparent; color: #66cbec; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch:drop(active).dark overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch overlay { border: 1px solid #595757; } + +colorswatch overlay:hover { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch overlay:hover:hover, colorswatch overlay:hover:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +colorswatch overlay:hover:hover, colorswatch overlay:hover:hover image, colorswatch overlay:hover:hover arrow, colorswatch overlay:hover:focus, colorswatch overlay:hover:focus image, colorswatch overlay:hover:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch overlay:hover:active, colorswatch overlay:hover.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch overlay:hover:checked, colorswatch overlay:hover:selected, colorswatch overlay:hover.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch overlay:hover:checked, colorswatch overlay:hover:checked image, colorswatch overlay:hover:checked arrow, colorswatch overlay:hover:selected, colorswatch overlay:hover:selected image, colorswatch overlay:hover:selected arrow, colorswatch overlay:hover.has-open-popup, colorswatch overlay:hover.has-open-popup image, colorswatch overlay:hover.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch overlay:hover:checked:hover, colorswatch overlay:hover:checked:focus, colorswatch overlay:hover:selected:hover, colorswatch overlay:hover:selected:focus, colorswatch overlay:hover.has-open-popup:hover, colorswatch overlay:hover.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch overlay:hover:checked:hover, colorswatch overlay:hover:checked:hover image, colorswatch overlay:hover:checked:hover arrow, colorswatch overlay:hover:checked:focus, colorswatch overlay:hover:checked:focus image, colorswatch overlay:hover:checked:focus arrow, colorswatch overlay:hover:selected:hover, colorswatch overlay:hover:selected:hover image, colorswatch overlay:hover:selected:hover arrow, colorswatch overlay:hover:selected:focus, colorswatch overlay:hover:selected:focus image, colorswatch overlay:hover:selected:focus arrow, colorswatch overlay:hover.has-open-popup:hover, colorswatch overlay:hover.has-open-popup:hover image, colorswatch overlay:hover.has-open-popup:hover arrow, colorswatch overlay:hover.has-open-popup:focus, colorswatch overlay:hover.has-open-popup:focus image, colorswatch overlay:hover.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch overlay:hover:disabled, colorswatch overlay:hover:disabled:checked, colorswatch overlay:hover:disabled:selected, colorswatch overlay:hover:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +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: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button overlay:hover, colorswatch#add-color-button overlay:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +colorswatch#add-color-button overlay:hover, colorswatch#add-color-button overlay:hover image, colorswatch#add-color-button overlay:hover arrow, colorswatch#add-color-button overlay:focus, colorswatch#add-color-button overlay:focus image, colorswatch#add-color-button overlay:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch#add-color-button overlay:active, colorswatch#add-color-button overlay.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button overlay:checked, colorswatch#add-color-button overlay:selected, colorswatch#add-color-button overlay.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button overlay:checked, colorswatch#add-color-button overlay:checked image, colorswatch#add-color-button overlay:checked arrow, colorswatch#add-color-button overlay:selected, colorswatch#add-color-button overlay:selected image, colorswatch#add-color-button overlay:selected arrow, colorswatch#add-color-button overlay.has-open-popup, colorswatch#add-color-button overlay.has-open-popup image, colorswatch#add-color-button overlay.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button overlay:checked:hover, colorswatch#add-color-button overlay:checked:focus, colorswatch#add-color-button overlay:selected:hover, colorswatch#add-color-button overlay:selected:focus, colorswatch#add-color-button overlay.has-open-popup:hover, colorswatch#add-color-button overlay.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch#add-color-button overlay:checked:hover, colorswatch#add-color-button overlay:checked:hover image, colorswatch#add-color-button overlay:checked:hover arrow, colorswatch#add-color-button overlay:checked:focus, colorswatch#add-color-button overlay:checked:focus image, colorswatch#add-color-button overlay:checked:focus arrow, colorswatch#add-color-button overlay:selected:hover, colorswatch#add-color-button overlay:selected:hover image, colorswatch#add-color-button overlay:selected:hover arrow, colorswatch#add-color-button overlay:selected:focus, colorswatch#add-color-button overlay:selected:focus image, colorswatch#add-color-button overlay:selected:focus arrow, colorswatch#add-color-button overlay.has-open-popup:hover, colorswatch#add-color-button overlay.has-open-popup:hover image, colorswatch#add-color-button overlay.has-open-popup:hover arrow, colorswatch#add-color-button overlay.has-open-popup:focus, colorswatch#add-color-button overlay.has-open-popup:focus image, colorswatch#add-color-button overlay.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch#add-color-button overlay:disabled, colorswatch#add-color-button overlay:disabled:checked, colorswatch#add-color-button overlay:disabled:selected, colorswatch#add-color-button overlay:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: #493e37; box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #2a4606; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #2d2c2c; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #2d2c2c; } + +/********************** Window Decorations * */ +decoration { border-radius: 6px 6px 0 0; border-width: 0px; box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.7), 0 0 5px 1px #75ff25, 0 3px 6px 2px rgba(0, 0, 0, 0); margin: 10px; } + +decoration:backdrop { box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.5), 0 3px 6px 2px rgba(0, 0, 0, 0.7); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +messagedialog.csd decoration { border-radius: 6px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #595757; border: solid 1px #595757; border-radius: 0; box-shadow: inset 0 0 0 3px #373636, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #3f3e3e, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +button.titlebutton:not(.appmenu) { padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } + +button.titlebutton:not(.appmenu):backdrop { background-image: none; } + +button.titlebutton.close { padding-right: 12px; padding-left: 12px; } + +button.titlebutton.close:not(:backdrop) { color: #EDF0F5; background-color: #7a2b2b; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +button.titlebutton.close:not(:backdrop):hover, button.titlebutton.close:not(:backdrop):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +button.titlebutton.close:not(:backdrop):hover, button.titlebutton.close:not(:backdrop):hover image, button.titlebutton.close:not(:backdrop):hover arrow, button.titlebutton.close:not(:backdrop):focus, button.titlebutton.close:not(:backdrop):focus image, button.titlebutton.close:not(:backdrop):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +button.titlebutton.close:not(:backdrop):active, button.titlebutton.close:not(:backdrop).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +button.titlebutton.close:not(:backdrop):checked, button.titlebutton.close:not(:backdrop):selected, button.titlebutton.close:not(:backdrop).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +button.titlebutton.close:not(:backdrop):checked, button.titlebutton.close:not(:backdrop):checked image, button.titlebutton.close:not(:backdrop):checked arrow, button.titlebutton.close:not(:backdrop):selected, button.titlebutton.close:not(:backdrop):selected image, button.titlebutton.close:not(:backdrop):selected arrow, button.titlebutton.close:not(:backdrop).has-open-popup, button.titlebutton.close:not(:backdrop).has-open-popup image, button.titlebutton.close:not(:backdrop).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +button.titlebutton.close:not(:backdrop):checked:hover, button.titlebutton.close:not(:backdrop):checked:focus, button.titlebutton.close:not(:backdrop):selected:hover, button.titlebutton.close:not(:backdrop):selected:focus, button.titlebutton.close:not(:backdrop).has-open-popup:hover, button.titlebutton.close:not(:backdrop).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +button.titlebutton.close:not(:backdrop):checked:hover, button.titlebutton.close:not(:backdrop):checked:hover image, button.titlebutton.close:not(:backdrop):checked:hover arrow, button.titlebutton.close:not(:backdrop):checked:focus, button.titlebutton.close:not(:backdrop):checked:focus image, button.titlebutton.close:not(:backdrop):checked:focus arrow, button.titlebutton.close:not(:backdrop):selected:hover, button.titlebutton.close:not(:backdrop):selected:hover image, button.titlebutton.close:not(:backdrop):selected:hover arrow, button.titlebutton.close:not(:backdrop):selected:focus, button.titlebutton.close:not(:backdrop):selected:focus image, button.titlebutton.close:not(:backdrop):selected:focus arrow, button.titlebutton.close:not(:backdrop).has-open-popup:hover, button.titlebutton.close:not(:backdrop).has-open-popup:hover image, button.titlebutton.close:not(:backdrop).has-open-popup:hover arrow, button.titlebutton.close:not(:backdrop).has-open-popup:focus, button.titlebutton.close:not(:backdrop).has-open-popup:focus image, button.titlebutton.close:not(:backdrop).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +button.titlebutton.close:not(:backdrop):disabled, button.titlebutton.close:not(:backdrop):disabled:checked, button.titlebutton.close:not(:backdrop):disabled:selected, button.titlebutton.close:not(:backdrop):disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); border: 1px solid #666464; border-radius: 100%; transition: all 20ms 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, cursor-handle:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +cursor-handle:hover, cursor-handle:hover image, cursor-handle:hover arrow, cursor-handle:focus, cursor-handle:focus image, cursor-handle:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:active, cursor-handle.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:checked, cursor-handle:selected, cursor-handle.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:checked, cursor-handle:checked image, cursor-handle:checked arrow, cursor-handle:selected, cursor-handle:selected image, cursor-handle:selected arrow, cursor-handle.has-open-popup, cursor-handle.has-open-popup image, cursor-handle.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:checked:hover, cursor-handle:checked:focus, cursor-handle:selected:hover, cursor-handle:selected:focus, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:checked:hover, cursor-handle:checked:hover image, cursor-handle:checked:hover arrow, cursor-handle:checked:focus, cursor-handle:checked:focus image, cursor-handle:checked:focus arrow, cursor-handle:selected:hover, cursor-handle:selected:hover image, cursor-handle:selected:hover arrow, cursor-handle:selected:focus, cursor-handle:selected:focus image, cursor-handle:selected:focus arrow, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:hover image, cursor-handle.has-open-popup:hover arrow, cursor-handle.has-open-popup:focus, cursor-handle.has-open-popup:focus image, cursor-handle.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled, cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:hover, cursor-handle:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-effect: highlight; } + +cursor-handle:disabled:hover, cursor-handle:disabled:hover image, cursor-handle:disabled:hover arrow, cursor-handle:disabled:focus, cursor-handle:disabled:focus image, cursor-handle:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:disabled:active, cursor-handle:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked, cursor-handle:disabled:checked image, cursor-handle:disabled:checked arrow, cursor-handle:disabled:selected, cursor-handle:disabled:selected image, cursor-handle:disabled:selected arrow, cursor-handle:disabled.has-open-popup, cursor-handle:disabled.has-open-popup image, cursor-handle:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:focus, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:focus, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:hover image, cursor-handle:disabled:checked:hover arrow, cursor-handle:disabled:checked:focus, cursor-handle:disabled:checked:focus image, cursor-handle:disabled:checked:focus arrow, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:hover image, cursor-handle:disabled:selected:hover arrow, cursor-handle:disabled:selected:focus, cursor-handle:disabled:selected:focus image, cursor-handle:disabled:selected:focus arrow, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:hover image, cursor-handle:disabled.has-open-popup:hover arrow, cursor-handle:disabled.has-open-popup:focus, cursor-handle:disabled.has-open-popup:focus image, cursor-handle:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled:disabled, cursor-handle:disabled:disabled:checked, cursor-handle:disabled:disabled:selected, cursor-handle:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; background-color: #323232; border: 1px solid; border-color: #595757; border-radius: 5px; box-shadow: inset 0 -3px #494848; font-size: smaller; } + +.keycap:backdrop { background-color: #353535; color: #96979a; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: rgba(237, 240, 245, 0.1); } + +button.emoji-section:checked { border-color: #75ff25; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #75ff25; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: #4c4b4b; } + +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } + +undershoot.top { background-size: 100% 0.5em; background-position: top; } + +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } + +undershoot.left { background-size: 0.5em 100%; background-position: left; } + +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +stackswitcher, .stack-switcher, notebook > header { border-radius: 9999px; border: none; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, windowhandle notebook > header { margin: 3px 0px; } + +headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, windowhandle notebook > header > button { min-height: 19px; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #EDF0F5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #EDF0F5; +/* +widget base background color */ +@define-color theme_bg_color #3f3e3e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #323232; +/* +base background color of selections */ +@define-color theme_selected_bg_color #75ff25; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #2a4606; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #493e37; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #7c675a; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #323232; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #96979a; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #EDF0F5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #3f3e3e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #353535; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #75ff25; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #2a4606; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #666464; +/* +widgets main borders color */ +@define-color borders #595757; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #545252; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #96979a; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #323232; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232323; diff --git a/source/gtk3/gtk.css b/source/gtk3/gtk.css new file mode 100644 index 0000000..fc3a3a6 --- /dev/null +++ b/source/gtk3/gtk.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained.css"); diff --git a/source/gtk3/meson.build b/source/gtk3/meson.build new file mode 100644 index 0000000..7a799f9 --- /dev/null +++ b/source/gtk3/meson.build @@ -0,0 +1,30 @@ +scss_files = files([ + '_colors-public.scss', + '_colors.scss', + '_common.scss', + '_drawing.scss', +]) + +theme_variants = [ + 'dark', +] + +theme_deps += custom_target('Adwaita', + input: 'gtk-contained.scss', + output: 'gtk-contained.css', + command: [ + sassc, sassc_opts, '@INPUT@', '@OUTPUT@', + ], + depend_files: scss_files, + build_by_default: true) + +foreach variant: theme_variants + theme_deps += custom_target('Adwaita-' + variant, + input: 'gtk-contained-@0@.scss'.format(variant), + output: 'gtk-contained-@0@.css'.format(variant), + command: [ + sassc, sassc_opts, '@INPUT@', '@OUTPUT@', + ], + depend_files: scss_files, + build_by_default: true) +endforeach diff --git a/source/gtk3/parse-sass.sh b/source/gtk3/parse-sass.sh new file mode 100755 index 0000000..f2bd6e1 --- /dev/null +++ b/source/gtk3/parse-sass.sh @@ -0,0 +1,13 @@ +#! /bin/bash + +if [ ! "$(which sassc 2> /dev/null)" ]; then + echo sassc needs to be installed to generate the css. + exit 1 +fi + +SASSC_OPT="-M -t compact" + +echo Generating the css... + +sassc $SASSC_OPT gtk-contained.scss gtk-contained.css +sassc $SASSC_OPT gtk-contained-dark.scss gtk-contained-dark.css diff --git a/source/gtk3/render-assets.sh b/source/gtk3/render-assets.sh new file mode 100755 index 0000000..7fd8d98 --- /dev/null +++ b/source/gtk3/render-assets.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INKSCAPE="flatpak run org.inkscape.Inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0 diff --git a/source/gtk4/Default-dark.scss b/source/gtk4/Default-dark.scss new file mode 100644 index 0000000..9207802 --- /dev/null +++ b/source/gtk4/Default-dark.scss @@ -0,0 +1,7 @@ +$variant: 'dark'; +$contrast: 'normal'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk4/Default-hc-dark.scss b/source/gtk4/Default-hc-dark.scss new file mode 100644 index 0000000..3a7bbea --- /dev/null +++ b/source/gtk4/Default-hc-dark.scss @@ -0,0 +1,7 @@ +$variant: 'dark'; +$contrast: 'high'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; diff --git a/source/gtk4/Default-hc.scss b/source/gtk4/Default-hc.scss new file mode 100644 index 0000000..85293a9 --- /dev/null +++ b/source/gtk4/Default-hc.scss @@ -0,0 +1,7 @@ +$variant: 'light'; +$contrast: 'high'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; diff --git a/source/gtk4/Default-light.scss b/source/gtk4/Default-light.scss new file mode 100644 index 0000000..d11373b --- /dev/null +++ b/source/gtk4/Default-light.scss @@ -0,0 +1,13 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; +$contrast: 'normal'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk4/README b/source/gtk4/README new file mode 100644 index 0000000..f2132f7 --- /dev/null +++ b/source/gtk4/README @@ -0,0 +1,45 @@ +Summary +------- + +* To be able to use the latest/adequate version of sass, install sassc +* meson will regenerate the CSS every time you modify the SCSS files. +* Note that meson always builds out-of-tree, so the modified css files will + appear in your builddir. + +Theme variants +-------------- + +The Default theme comes in 4 variants: light, dark, hc (highcontrast) and +hc-dark (highcontrast inverse). The generated CSS files for the variants +are called Default-$variant.css. For technical reasons, GTK adds one level +of include wrappers around these, which are called gtk-$variant.css. + +How to tweak the theme +---------------------- + +Default is a complex theme, so to keep it maintainable it's written and +processed in SASS. The generated CSS is then transformed into a gresource file +during gtk build and used at runtime in a non-legible or editable form. + +It is very likely your change will happen in the _common.scss file. That's where +all the widget selectors are defined. Here's a rundown of the "supporting" +stylesheets, that are unlikely to be the right place for a drive by stylesheet +fix: + +_colors.scss - global color definitions. We keep the number of defined + colors to a necessary minimum, most colors are derived + from a handful of basics. It covers both the light variant + and the dark variant. + +_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party + apps color mixing. + +_drawing.scss - drawing helper mixings/functions to allow easier + definition of widget drawing under specific context. This + is why Default isn't 15000 LOC. + +_common.scss - actual definitions of style for each widget. This is + where you are likely to add/remove your changes. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make +your changes to the _common.scss file, GTK will rebuild the CSS files. diff --git a/source/gtk4/_colors-public.scss b/source/gtk4/_colors-public.scss new file mode 100644 index 0000000..3b638e2 --- /dev/null +++ b/source/gtk4/_colors-public.scss @@ -0,0 +1,119 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* +widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* +these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +//WM + +$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #{"" + $base_color}; + +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))}; diff --git a/source/gtk4/_colors.scss b/source/gtk4/_colors.scss new file mode 100644 index 0000000..199d32c --- /dev/null +++ b/source/gtk4/_colors.scss @@ -0,0 +1,58 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +/*$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ + +@import '../common/theme_colors.scss'; +@import '../common/common_colors.scss'; + +$selected_text_bg_color: transparentize($selected_bg_color, 0.7); + + +$headerbar_bg_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); + +$menu_selected_color: $selected_bg_color;//if($variant == 'light', darken($bg_color, 6%), darken($bg_color, 8%)); + + + + + +//special cased widget colors +$switch_bg_color: $selected_bg_color; +$switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darken($switch_bg_color,30%)); + +$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7)); +$dim_label_opacity: 0.55; + +// High Contrast color overrides +@if $contrast == 'high' { + + $fg_color: if($variant == 'light', darken($fg_color, 3%), lighten($fg_color, 2%)); + $bg_color: if($variant == 'light', lighten($bg_color, 3%), darken($bg_color, 2%)); + $selected_bg_color: darken($selected_bg_color,10%); + $selected_borders_color: darken($selected_borders_color, 10%); + $borders_color: if($variant == 'light', darken($borders_color, 30%), lighten($borders_color, 30%)); + $alt_borders_color: if($variant == 'light', darken($alt_borders_color, 33%), lighten($alt_borders_color, 28%)); + $menu_color: $base_color; + $menu_selected_color: darken($bg_color,10%); + + //insensitive state derived colors + $insensitive_fg_color: mix($fg_color, $bg_color, 50%); + $insensitive_bg_color: mix($bg_color, $base_color, 60%); + $insensitive_borders_color: mix($borders_color, $bg_color, 80%); + + //focus rings + $focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.2), transparentize(white, 0.4)); + $alt_focus_border_color: if($variant == 'light', white, transparentize(white,0.4)); + + $dim_label_opacity: 0.9; + + $switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),lighten($switch_bg_color,15%)); + +} diff --git a/source/gtk4/_common.scss b/source/gtk4/_common.scss new file mode 100644 index 0000000..7bec08b --- /dev/null +++ b/source/gtk4/_common.scss @@ -0,0 +1,3282 @@ +@import '../common/common_common.scss'; +@import '../common/slider.scss'; + +$assets: if($contrast=='normal', 'assets', 'assets-hc'); +$focus_transition: outline-width 200ms $ease-out-quad, outline-offset 200ms $ease-out-quad; +$menu_margin: $menu_radius; //margin around menuitems & sidebar items + + +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +dnd { + color: $fg-color; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +image:disabled { + -gtk-icon-filter: opacity(0.5); +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + row & { background-color: unset;} + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + //border-radius: 3px; + } + } + & > :selected { //this is weirdly needed for nemo when renaming files, there's probably a better solution + background-color: $selected_bg_color; + } +} + +textview { + > text { + @extend %view; + + background-color: transparent; + + > selection { + background-color: $selected_text_bg_color; + + &:focus-within { + background-color: $selected_text_bg_color; + } + } + } + + &:drop(active) { + caret-color: $drop_target_color; + } +} + +textview > border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { + @extend .view; + + @include focus-ring(); + + &:drop(active) { + box-shadow: none; + } + + > dndtarget:drop(active) { + border-style: solid; + border-width: 1px; + border-color: $selected_borders_color; + } +} + +rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + +flowbox { + > rubberband { @extend rubberband; } + + > flowboxchild { + padding: 3px; + transition: $focus_transition; + + @include focus-ring(); + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + } +} + +gridview { + > rubberband { @extend rubberband; } + + > child { + padding: 3px; + transition: $focus_transition; + + @include focus-ring(); + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + + box { //cells + border-spacing: 8px; //label separation + margin: 12px; + } + } +} + +coverflow cover { + color: $text_color; + background-color: $base_color; + border: 1px solid black; +} + +label { + @include focus-ring(); + + &.separator { + @extend .dim-label; + } + + &:selected { @extend %nobg_selected_items; } + + > selection { + background-color: $backdrop_selected_bg_color; + color: $selected_fg_color; + &:focus-within { + background-color: $selected_text_bg_color; + } + } + + &:disabled { + color: $insensitive_fg_color; + + button & { color: inherit; } + + > selection { @extend %selected_items_disabled; } + } + + &.error { + color: $error_color; + &:disabled { color: transparentize($error_color,0.5); } + } +} + +.dim-label { + opacity: $dim_label_opacity; + text-shadow: none; +} + +window.assistant { + .sidebar { + padding: $menu-margin; + border-top: 1px solid $borders_color; + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar > label { padding: 6px 12px; } + + .sidebar > label.highlight { + background-color: $menu_selected_color; + border-radius: $menu-margin; + } +} + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; +} + +%osd, +.osd { + color: $osd_fg_color; + border: none; //border: 1px solid $osd_borders_color; + background-color: $osd_bg_color; + background-clip: padding-box; + //-gtk-icon-shadow: 0 1px black; + +} + + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0.1; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; color: $insensitive_fg_color; } + } +} + +/********************** + * General Typography * + **********************/ + +.large-title { + font-weight: 300; + font-size: 24pt; +} +.title-1 { + font-weight: 800; + font-size: 20pt; +} +.title-2 { + font-weight: 800; + font-size: 15pt; +} +.title-3 { + font-weight: 700; + font-size: 15pt; +} +.title-4 { + font-weight: 700; + font-size: 13pt; +} +.heading { + font-weight: 700; + font-size: 11pt; +} +.body { + font-weight: 400; + font-size: 11pt; +} +.caption-heading { + font-weight: 700; + font-size: 9pt; +} +.caption { + font-weight: 400; + font-size: 9pt; +} + +/**************** + * Text Entries * + ****************/ + +%entry, +entry, +.entry { + %entry_basic, & { + min-height: 32px; + padding-left: 1px; + padding-right: 1px; + border: 1px solid; + border-radius: $entry_radius; + border-spacing: 6px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + @include focus-ring($focus-state: 'focus-within'); + + > image { // icons inside the entry + &.left { margin-right: 6px; } + &.right { margin-left: 6px; } + } + + > text > placeholder { + @extend .dim-label; + } + + > text > block-cursor { + @include entry(block_cursor); + } + + &.flat { + &:focus-within, &:backdrop, &:disabled, &:backdrop:disabled, & { + min-height: 0; + padding-top: 2px; + padding-bottom: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; + } + } + + &:focus-within { + @include entry(focus); + > placeholder { + opacity: 0; /* We hide placeholders on focus */ + } + } + + &:disabled { @include entry(insensitive); } + + > text > selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_text_bg_color; + color: $fg_color; + } + } + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + + @include focus-ring($focus-state: 'focus-within', $fc: transparentize($e_color, 0.5)); + + &:focus-within { @include entry(focus, $e_color); } + + > selection { background-color: $e_color; } + } + } + + > image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + } + + &.password image.caps-lock-indicator { + color: mix($backdrop_fg_color, $backdrop_base_color, 80%); + } + + &:drop(active) { + &:focus-within, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus-within { @include entry(osd-focus); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + > progress { + margin-bottom: 2px; + } + + progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + menubutton > button, + .linked:not(.vertical) > &:drop(active) + dropdown > button, + .linked:not(.vertical) > &:drop(active) + colorbutton > button, + .linked:not(.vertical) > &:drop(active) + fontbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + appchooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + menubutton > button, + + dropdown > button, + + colorbutton > button, + + fontbutton > button, + + filechooserbutton > button, + + filechooserbutton > combobox > box > button.combo, + + appchooserbutton > combobox > box > button.combo, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } + + &.error { color: $error_color; } +} + +treeview entry { + &:focus-within { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus-within { border-color: $selected_bg_color; } + } +} + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + @include entry(normal); +} + + +/****************************************************** + * Buttons * + ******************************************************/ +// stuff for .needs-attention +//$_dot_color: $warning_color; //if($variant=='light', $selected_bg_color, lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); } + to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); } +} + +%button, +button { + $osd_button_bg_color: opacify($osd_bg_color, 1); + @at-root %button_basic, & { + + min-height: $button_min_height; + min-width: $button_min_width; + padding: $_btn_pad; + border: $button_border; + border-radius: $button_radius; + transition: $button_transition; + margin: 1px; + + @include button(); + + @include focus-ring(); //to be disabled where it is defined, but needed to overwrite libadwaita's CSS + + + + // flat buttons have been removed, so no attention to .flat class will be payed + + + &.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + &.arrow-button { + padding-left: 10px; + padding-right: 10px; + + > box { + border-spacing: 4px; + } + } + + @at-root %button_basic_drop_active, + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + &.small-button { + padding: 0px; + min-height: 10px; + min-width: 10px; + } + + // big standalone buttons like in Documents pager + &.osd { + min-width: 26px; + min-height: 32px; + @include button($osd_button_bg_color, mix($osd_fg_color, $osd_bg_color, 80%), $osd_button_bg_color, $osd_fg_color); + &.image-button { + min-width: 30px; + &:only-child { + margin: 4px; + border-radius: 50%; // completely round when it is a single button + box-shadow: 0 1px 2px transparentize(black, 0.8); // drop shadow for the only child + } + } + + + + + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button($osd_button_bg_color, mix($osd_fg_color, $osd_bg_color, 80%), $osd_button_bg_color, $osd_fg_color); + + + + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + &, &.osd { + $button_type_bg_color: mix($b_color, $button_bg, 50%); + + @include button($button_type_bg_color); + + .osd & { + @include button($button_type_bg_color); + + } + } + } + } + + stackswitcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + > label { + padding: 0 6px; + margin: 0 -6px; + } + + > image { + padding: 3px 6px; + margin: -3px -6px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + } + } + + //specificity hell.... I'm sure there's a better way! + stackswitcher > &, stackswitcher.linked > &, stackswitcher.linked:not(.vertical) > &, .stack-switcher > & { + &, &.linked, &.linked.horizontal, &.linked.vertical, + &:first-child, &:last-child, + &:not(:first-child), &:not(:last-child), + &:dir(ltr):not(:first-child), &:dir(ltr):not(:last-child), + &:dir(rtl):not(:first-child), &:dir(rtl):not(:last-child), + &.radio { + border-radius: 9999px; + border-width: $button_border_width; + border-style: solid; + margin: 5px; + } + &.text-button { min-width: 80px; } + &.circular, &.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + } + } + + // hide separators + &.font{ + //separator { background-color: transparent; } + > box { border-spacing: 6px; } + > box > box > label { font-weight: bold; } + } + + .linked:not(.vertical) > & { @extend %linked; } + + .linked.vertical > & { @extend %linked_vertical; } + + menubutton.circular &, + &.circular { // force circular button shape + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; + + label { padding: 0; } + } +} + +%needs_attention { + // the dot is drawn by using two radial gradient, the first one is the actual dot, the other + // simulates the shadow labels and icons normally have in buttons. + animation: needs_attention 150ms ease-in; + + background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 )); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + + +%linked_not_left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0px; +} + +%linked_not_right { + //border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-right: 0px; +} + +// 1st/last child are at text start/end +%linked { + &:dir(ltr) { + &:not(:first-child) { @extend %linked_not_left; } + &:not(:last-child) { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) { @extend %linked_not_right; } + &:not(:last-child) { @extend %linked_not_left; } + } +} + +%linked_not_top { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0px; +} + +%linked_not_bottom { + //border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + margin-bottom: 0px; +} + +%linked_vertical { + &:not(:first-child) { @extend %linked_not_top; } + + &:not(:last-child) { @extend %linked_not_bottom; } +} + +%undecorated_button { + // no such button here +} + +.linked:not(.vertical) > menubutton, +.linked:not(.vertical) > dropdown, +.linked:not(.vertical) > colorbutton, +.linked:not(.vertical) > fontbutton, +.linked:not(.vertical) > filechooserbutton { + &:dir(ltr) { + &:not(:first-child) > button { @extend %linked_not_left; } + &:not(:last-child) > button { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) > button { @extend %linked_not_right; } + &:not(:last-child) > button { @extend %linked_not_left; } + } +} + +.linked.vertical > menubutton, +.linked.vertical > dropdown, +.linked.vertical > colorbutton, +.linked.vertical > fontbutton, +.linked.vertical > filechooserbutton { + &:not(:first-child) > button { @extend %linked_not_top; } + &:not(:last-child) > button { @extend %linked_not_bottom; } +} + +/* menu buttons */ +//modelbutton.flat { //why .flat? + +modelbutton { + + min-height: 20px; + padding-left: 5px; + padding-right: 5px; + border-radius: $button_radius; + //border: 1px solid transparent; + //@include button(); + :hover, :selected { + @extend %selected_items; + } + + //&:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %undecorated_button;} + +} + +modelbutton.flat arrow { + @include button(); + //&:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %undecorated_button;} + //background: none; + min-width: 16px; + min-height: 16px; + //border: 1px solid transparent; + opacity: 1; //we don't dim icon + + //&:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } +} + +/* oldstyle toolbar buttons */ + +.toolbar > button, +.toolbar > :not(.linked) > button, +.toolbar :not(.linked) > menubutton > button, +.toolbar :not(.linked) > scalebutton > button, +.toolbar :not(.linked) > dropdown > button, +.toolbar :not(.linked) > colorbutton > button, +.toolbar :not(.linked) > fontbutton > button, +.toolbar :not(.linked) > appchooserbutton > button, +.toolbar :not(.linked) > combobox > box > button { + margin: 1px; + + +} + +button.color { + padding: 4px; + + > colorswatch:only-child { + &, > overlay { border-radius: 0; } + + @if $variant == 'light' { + //box-shadow: 0 1px $shadow_color; + + //.osd & { box-shadow: none; } + } + } + + @if $variant == 'light' { + .osd &, & { + &:disabled, + &:active, + &:checked { colorswatch:only-child { + //box-shadow: none; + }} + } + } +} + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +%list_button, +list > row button.image-button:not(.flat) { + //@extend %undecorated_button; + //border: 1px solid transparentize($borders_color, .5); + //&:hover { @include button(hover); } + //&:active{ @include button(active); } + //&:checked { @include button(checked); } + + //@each $b_type, $b_color in (suggested-action, $selected_bg_color), + // (destructive-action, $destructive_color) { + // &.#{$b_type} { // allow colored buttons in lists #3643 + // @include button(normal, $b_color, white); + // @include focus-ring($fc: $alt_focus_border_color); + // } + //} +} + +/********* + * Links * + *********/ + +%link, +link { + color: $link_color; + text-decoration: underline; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $link_visited_color, 60%); } + } + + &:hover { + $_fg: lighten($link_color, 10%); + color: $_fg; + + *:selected & { color: mix($selected_fg_color, $_fg, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } + } + + &:disabled { color: transparentize(desaturate($link_color, 100%), 0.2); } + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } +} + +link { + @include focus-ring(); +} + +button.link { + @extend %link; + + &, + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { + text-decoration: underline; + } +} + + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + border-spacing: 0; + + %spinbutton_horz_entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; + + &:backdrop:disabled { background-color: $insensitive_bg_color; } + } + + > text { + @extend %spinbutton_horz_entry; + } + + /* :not here just to bump specificity above that of the list button styling */ + //this instead of the big removed part. Just to make things easier, though it may not be as beautiful. + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + padding: 0; + } + + + + } + + // OSD horizontal + .osd &:not(.vertical) { + > text { + @extend %spinbutton_horz_entry; + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + > text { + @extend %entry; + + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + + > selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_text_bg_color; + color: $selected_fg_color; + } + } + > block-cursor { @include entry(block_cursor); } + } + + > button { + min-height: 32px; + min-width: 32px; + padding: 0; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + + %bottom_button { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + // OSD vertical + .osd &.vertical > button:first-child { + + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + > text { + min-height: 0; + padding: 1px 2px; + } + } + + font-feature-settings: "tnum"; +} + + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { padding: 0; } //allow search entries with no margin + +dropdown > button > box { + border-spacing: 6px; + + > stack > row.activatable:hover { + //background: none; + //box-shadow: none; + } +} + +dropdown, +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + // align menu labels with the button label + > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked_not_left; } + &:dir(rtl) { @extend %linked_not_right; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic_drop_active; } + } + + // newstyle + popover { + margin-top: 6px; + padding: 0; + + listview { + + margin: 8px 0; + + > row.activatable { + padding: 8px; + + /*&:selected { + @include button(checked); + &, &:hover { + @include button(hover); + outline-color: $alt_focus_border_color; + color: $text-color; + background-color: $menu_selected_color; + box-shadow: none; + } + }*/ + } + } + + // drodowns with searchboxes on top + .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid $borders_color; + } + } +} + + +// the combo is a composite widget so the way we do button linking doesn't +// work, special case needed. See +// https://bugzilla.gnome.org/show_bug.cgi?id=733979 + +.linked:not(.vertical) > filechooserbutton > combobox, +.linked:not(.vertical) > appchooserbutton > combobox, +.linked:not(.vertical) > combobox { + &:dir(ltr) { + &:not(:first-child) > box > button.combo { @extend %linked_not_left; } + &:not(:last-child) > box > button.combo { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) > box > button.combo { @extend %linked_not_right; } + &:not(:last-child) > box > button.combo { @extend %linked_not_left; } + } +} + +.linked.vertical > filechooserbutton > combobox, +.linked.vertical > appchooserbutton > combobox, +.linked.vertical > combobox { + &:not(:first-child) > box > button.combo { @extend %linked_not_top; } + &:not(:last-child) > box > button.combo { @extend %linked_not_bottom; } +} + + +/************ + * Toolbars * + ************/ +%toolbar { + padding: 4px; + border-spacing: 4px; + background-color: $bg_color; +} + +.toolbar { + @extend %toolbar; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal > separator { margin: 4px 0; } + &.vertical > separator { margin: 0 4px; } +} + +//searchbar & location-bar +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + +/************** + * GtkInfoBar * + **************/ +infobar { + > revealer > box { + padding: 8px; + border-spacing: 12px; + } + + &.action:hover > revealer > box { + //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), + // desaturate(darken(invert($selected_bg_color), 42%), 70%)); + } + + &.info, + &.question, + &.warning, + &.error { + > revealer > box { + border-bottom: 1px solid lighten($borders_color, 5%); + //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%), + // desaturate(darken(invert($selected_bg_color), 40%), 70%)); + + $_bg_info_bar: desaturate(invert($selected_bg_color), 30%); + + @if $variant == 'light' { $_bg_info_bar: if(lightness($_bg_info_bar) < 50%, lighten($_bg_info_bar, 30%), $_bg_info_bar);} + @else {$_bg_info_bar: if(lightness($_bg_info_bar) > 50%, darken($_bg_info_bar, 30%), $_bg_info_bar);} + + background-color: $_bg_info_bar; + } + } +} + + //close button for info and searchbar (#3215) + + infobar .close, + searchbar .close { + @include button(); + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; + } + + +/***************** + * Title buttons * + *****************/ + +windowcontrols { + border-spacing: 6px; + + &:not(.empty) { + &.start:dir(ltr), + &.end:dir(rtl) { + margin-right: 7px; + //margin-left: 5px; + } + + &.start:dir(rtl), + &.end:dir(ltr) { + margin-left: 7px; + //margin-right: 5px; + } + } + + button { + //@extend %button_basic; + + //&:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} + + + //border-radius: 9999px; + padding-right: 6px; + padding-left: 6px; + //margin: 0 2px; + min-width: 0; + //min-height: 0; + //@include button(normal, $titlebar_active_bg, white); + //text-shadow: 0 0 2px #303030; + //-gtk-icon-shadow: 0 0 2px #303030; + &:hover { + //special case hover colors inside a headerbar + //@include button(hover, $titlebar_active_bg, white);//;button(undecorated-hover,$c:darken($headerbar_bg_color,6%)); + } + &:active, + &:checked { + //@include button(active, $titlebar_active_bg, white);//button(undecorated-active,$c:darken($headerbar_bg_color,10%)); + } + //&:backdrop { + //@include button(normal, $titlebar_backdrop_bg, white); + //background-image: none; + //text-shadow: 0 0 2px #303030; + //-gtk-icon-shadow: 0 0 2px #303030; + //&:hover {@include button(hover, $titlebar_backdrop_bg, white);} + //&:active {@include button(active, $titlebar_backdrop_bg, white);} + //} + &.close { + + //background-color: $error_color; color: white; + padding-right: 12px; + padding-left: 12px; + //text-shadow: 0 0 2px #303030; + //-gtk-icon-shadow: 0 0 2px #303030; + &:not(:backdrop) { + $close_button_bg: desaturate(mix($error_color, $titlebar_active_bg),15%); + @include button($close_button_bg);//, white, none, radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0))); + //text-shadow: 0 0 2px #303030; + //-gtk-icon-shadow: 0 0 2px #303030; + //&:hover {@include button(hover, $close_button_bg);} + //&:active {@include button(active, $close_button_bg);} + } + } + & > image { + background-color: unset; //for libadwaita + } + } +} + + +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar, +windowhandle { + padding: 0 0px; + min-height: 46px; + border-width: 0 0 1px; + border-style: solid; + border-color: $alt_borders_color; + border-radius: 0; + + @include headerbar_fill($titlebar_active_bg); + color: $titlebar_active_fg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $titlebar_backdrop_bg; + color: $titlebar_backdrop_fg; + background-image: none; + + transition: $backdrop_transition; + } + + .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + /* Darken switchbuttons for headerbars. issue #1588 */ //removed + button { + $button_headerbar_bg: mix($titlebar_active_fg, $titlebar_active_bg, 10%); + @include button($button_headerbar_bg, $titlebar_active_fg); + &:backdrop:not(:checked) { + $button_headerbar_bd_bg: mix($titlebar_backdrop_fg, $titlebar_backdrop_bg, 10%); + @include button($button_headerbar_bd_bg, $titlebar_backdrop_fg); + //&:hover { @include button(hover, $button_headerbar_bd_bg, $titlebar_backdrop_fg);} + } + } + + // squared corners when the window is maximized, tiled, or fullscreen + .tiled &, + .tiled-top &, + .tiled-left &, + .tiled-right &, + .tiled-bottom &, + .maximized &, + .fullscreen & { + &:backdrop, & { + border-radius: 0; + } + } + + &.default-decoration { + min-height: 28px; + padding: 4px; + + windowcontrols { + button, + menubutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + + menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; + } + } + } + + .solid-csd & { + &:backdrop, & { + &:dir(rtl), &:dir(ltr) { // specificity bump + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; + } + } + } +} + +headerbar { + padding: 0 6px; + > windowhandle > box { + &, + > box.start, + > box.end { + border-spacing: 6px; + } + } + + + + + + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator:not(.sidebar), + button, + menubutton { + margin-top: 6px; + margin-bottom: 6px; + } + + // Reset margins for buttons inside menubutton + menubutton > button { + margin-top: 0px; + margin-bottom: 0px; + } + + switch { + margin-top: 10px; + margin-bottom: 10px; + } +} + + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + } + + //separator { background-color: $borders_color; } // FIXME: use darker border? + + @extend %titlebar; +} + +// Development versions of apps to use a differently styled headerbar + +window.devel { + headerbar.titlebar { + $c: darken($bg_color, 10%); + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.8)), + linear-gradient(to top, darken($c, 3%), $c 3px, lighten($c, 6%)); + @if $variant == 'dark' { + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.9)), + linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%)); + } + + background: $bg_color $gradient; + + &:backdrop { + background: $bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + image($bg_color); /* background-color would flash */ + } + } +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} + + +/************** + * Tree Views * + **************/ + +$_treeview_borders_color: if($variant=='light',mix($borders_color, $base_color,80%),mix($fg_color, $base_color, 20%)); +$_treeview_backdrop_borders_color: if($variant=='light',mix($backdrop_borders_color, $base_color, 80%),mix($backdrop_fg_color, $base_color, 20%)); +columnview.view, +treeview.view { + border-left-color: $_treeview_borders_color; // this is actually the tree lines color, + border-top-color: $_treeview_borders_color; // while this is the grid lines color, better then nothing + + @include focus-ring(); + + > rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + //&:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } + + &.separator { + min-height: 2px; + color: $_treeview_borders_color; + } + + &:drop(active) { + box-shadow: none; + } + + > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + // GtkTreeView uses the larger of the expander’s min-width and min-height + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($text_color, $base_color, 70%); + + &:hover { color: $text_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + &.progressbar { // progress bar in treeviews + @extend %scale_highlight; + } + + &.trough { // progress bar trough in treeviews + @extend %scale_trough; + } + + > header { + > button { + @extend %button; + // border: 1px solid transparent; + // border-right-color: $borders_color; + // border-bottom-color: $borders_color; + border-right-width: 0px; + border-radius: 0; + padding: 0px 3px; + margin: 0px; + $_column_header_color: mix($fg_color, $base_color, 50%); + + //@extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + //box-shadow: none; + + &:hover { + //@extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + //box-shadow: none; + //transition: none; //I shouldn't need this + } + + &:active { + //@extend %column_header_button; + + color: $fg_color; + //transition: none; //I shouldn't need this + } + sort-indicator { + &.ascending { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + &.descending { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + min-height: 16px; + min-width: 16px; + } + + &:last-child {border-right-width: 1px;} + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + @include button(); + //padding: 0 6px; + color: $selected_bg_color; //$base_color; + //background-image: none; + background-color: $selected_bg_color; + //border-style: none; + //border-radius: 0; + //box-shadow: inset 0 0 0 1px $base_color; + //text-shadow: none; + transition: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + +%column_header_button { + padding: 0 6px; + //background-image: none; + border-style: none none solid solid; + border-color: $_treeview_borders_color; + border-radius: 0; + text-shadow: none; + + &:disabled { + border-color: $bg_color; + //background-image: none; + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + + &:last-child { &:backdrop, & { border-right-style: none; }} +} + +/*************** + * Popovers * + ***************/ + +popover.background { + background-color: transparent; + font: initial; // Decouple the font of popovers from their entry/textview + + > arrow, + > contents { + $_popover_border: transparentize($fg_color,0.5); //if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + + background-color: $menu_color; + background-clip: padding-box; + border: 1px solid $_popover_border; + box-shadow: 0 1px 2px transparentize(black, 0.7); + } + + &:backdrop { + background-color: transparent; + } + + > contents { + padding: 8px; + border-radius: $popover_radius; + + > list, + > .view, + > .toolbar { + border-style: none; + background-color: transparent; + } + + separator { + //background-color: mix($bg_color, $borders_color, 30%); + margin: 3px; + } + + list separator { margin: 0; } + } + + .osd &, + &.touch-selection, + &.magnifier { + background-color: transparent; + + > arrow, + > contents { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + box-shadow: none; + } + } + + &.touch-selection, + &.magnifier { + button { @extend %osd_button; } + } +} + +magnifier { + background-color: $base_color; +} + +/********************** + * Popover Base Menus * + **********************/ + +$_menu-padding: 12px; //inner menuitem padding +//global $menu-margin for outside menuitems + +popover.menu { + padding: 0; + + box.inline-buttons { + padding: 0 $_menu-padding; + + button.image-button.model { + // &:not(:hover):not(:selected):not(:active) {@include button(undecorated);} + @include button(); + min-height: 30px; + min-width: 30px; + padding: 0; + //border: none; + outline: none; + //transition: none; + + //&:selected { @include button(checked); } + } + } + + box.circular-buttons { + padding: $_menu-padding $_menu-padding 6px; + + button.circular.image-button.model { + //@extend %list_button; + + padding: 11px; + + } + } + + & > arrow, + &.background > contents { + background-color: $menu_color; + padding: $menu-margin; + } + + &.background separator { + margin: 6px 0; + } + + accelerator { + color: gtkalpha(currentColor,0.55); + + &:dir(ltr) { margin-left: $_menu-padding; } + &:dir(rtl) { margin-right: $_menu-padding; } + } + + // check, + // radio { + // @include check('menu', 'transparent', $text_color); + + // &:hover { @include check('menu-active', 'transparent', $text_color); } + // &:active { @include check('menu-active', 'transparent', $text_color); } + // } + + //only menu radios have a border + //radio { border-color: $borders_color; + // &:active { border-color: transparentize($borders_color,0.5); } + //} + + arrow.left, + radio.left, + check.left { + margin-left: -2px; + margin-right: 6px; + } + + arrow.right, + radio.right, + check.right { + margin-left: 6px; + margin-right: -2px; + } + + modelbutton { + //@include button(); + border-width: 1px; + border-style: solid; + min-height: 30px; + min-width: 40px; + padding: 0 $_menu-padding; + border-radius: $menu-margin; + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + + } + + label.title { + font-weight: bold; + padding: 4px ($_menu-padding + 20px); //this will fall apart with font sizing + } +} + +// initial styling for popover menu and bar +menubar { + padding: 0px; + //box-shadow: inset 0 -1px transparentize(black, 0.9); + + > item { + min-height: 16px; + padding: 4px 8px; + border: 1px solid transparent; + border-radius: $button_radius; + + + &:selected, &:hover { //Seems like it :hover even with keyboard focus + color: $selected_fg_color; + background-color: $selected_bg_color; + + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + } + + & > item popover.menu.background > contents { + padding: $menu-margin; + } + //nested submenus + & > item popover.menu popover.menu { + padding: 0 0 4px 0; + } + & > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: $popover_radius; //including top + } +} + + +/************* + * Notebooks * + *************/ + +@import '../common/notebook.scss'; + +// TODO: +// for libadwaita: taboverview +// tabbar, tabbox, tabboxchild, tabview, +// tabgrid, tabgridchild, tabthumbnail +// (to find out: GTK_DEBUG=interactive adwaita-1-demo) (from libadwaita-1-examples package on Debian and derivatives) + +@import '../common/tab-view.scss'; + + + +/************** + * Scrollbars * + **************/ + +scrollbar { + $_slider_min_length: 40px; + $_slider_width: 10px; + $_scrollbar_transition: all 300ms $ease-out-quad; + $_fine-tune_slider_border: $_slider_width - 3; //#3672 + + + background-color: $scrollbar_bg_color; + transition: $_scrollbar_transition; + + &:not(:hover) { + opacity: 0.5; //sometimes transient scrollbars appear on top of content! + } + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + > range > trough { + outline-style: none; //libadwaita + @extend %scale_trough; + } + + > range > trough > slider { + //@extend %button_basic; + @include slider(); + padding: 0; + //background-image: none; + + min-width: $_slider_width; + min-height: $_slider_width; + margin: 0px; + //border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + transition: $_scrollbar_transition; + @include draggable_bg_image($button_bg); + + outline-style: none; //for libadwaita + + + &:hover { + background-color: $scrollbar_slider_hover_color; + color: desaturate($color: invert($scrollbar_slider_hover_color), $amount: 100%); + @include draggable_bg_image($scrollbar_slider_hover_color); + } + + &:hover:active, &:active { + background-color: $scrollbar_slider_active_color; + color: desaturate($color: invert($scrollbar_slider_active_color), $amount: 100%); + @include draggable_bg_image($scrollbar_slider_active_color); + } + + &:disabled { background-color: $insensitive_bg_color; } + } + + > range.fine-tune { + > trough > slider { + //transition: none; + //min-width: $_fine-tune_slider_border+1; + //min-height: $_fine-tune_slider_border+1; + &, &:hover, &:active {background-color: $hint_bg;} + } + + //&.horizontal > trough > slider { border-width: $_fine-tune_slider_border 4px; } + //&.vertical > trough > slider { border-width: 4px $_fine-tune_slider_border; } + } + + + + &.horizontal > range > trough > slider { + min-width: $_slider_min_length; + + } + &.vertical > range > trough > slider { + min-height: $_slider_min_length; + + } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} + +/********** + * Switch * + **********/ +switch { + font-weight: bold; + font-size: smaller; + + // similar to the .scale + border: 1px solid $borders_color; + border-radius: 14px; + color: $fg_color; + background-color: $dark_fill; + transition: $focus_transition; + + //@include focus-ring($offset: 0, $outer: true); + @include _shadows(inset shadow(normal)); + + headerbar & { background-color: darken($dark_fill,8%); } //3504 + + &:checked { + color: $selected_fg_color; + //border-color: $selected_fg_color; + background-color: mix($checkradio_bg_color, $dark_fill); + } + + &:disabled { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + text-shadow: none; + } + + > slider { + @include button(); + @include draggable_bg_image($button_bg); + transition: $button_transition; + margin: 1px; + min-width: 24px; + min-height: 24px; + border: 1px solid transparent; + //border-color: $borders_color; + border-radius: 50%; + } + + > image { color: transparent; } /* only show i / o for the accessible theme */ + + &:hover > slider, &:hover:checked > slider { + //@include button(hover); //what, then + } + + //&:checked > slider { @include button(checked); } + +// &:disabled > slider { @include button($insensitive_bg_color, $insensitive_fg_color, $insensitive_bg_color, $insensitive_fg_color); } + + + row:selected & { + outline-color: $alt_focus_border_color; + + @if $variant == 'light' { + box-shadow: none; + border-color: $switch_borders_color; + + //> slider { &:checked, & { border-color: $switch_borders_color; } } + } + } +} + + +/************************* + * Check and Radio items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@import '../common/checkradios.scss'; + + +/************ + * GtkScale * + ************/ + + @import '../common/scale.scss'; + + +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + > trough { + min-width: 150px; + &, > progress { min-height: 5px; } + } + } + + &.vertical { + > trough { + min-height: 80px; + &, > progress { min-width: 5px; } + } + } + + &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border + &.vertical > trough > progress { margin: -1px 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + font-feature-settings: "tnum"; + + > trough { @extend %scale_trough; } + + + > trough > progress { + @extend %scale_highlight; /* share most of scales' */ + /* override insensitive that is specific to progress */ + &:disabled { + background-color: $insensitive_fg_color; + border-color: $insensitive_fg_color; + } + + + border-radius: 1.5px; + $_progress-radius: 5px; + &.left { + border-top-left-radius: $_progress-radius; + border-bottom-left-radius: $_progress-radius; + } + + &.right { + border-top-right-radius: $_progress-radius; + border-bottom-right-radius: $_progress-radius; + } + + &.top { + border-top-right-radius: $_progress-radius; + border-top-left-radius: $_progress-radius; + } + + &.bottom { + border-bottom-right-radius: $_progress-radius; + border-bottom-left-radius: $_progress-radius; + } + } + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + > trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + + > progress { + border-style: none; + border-radius: 0; + } + } + } + + > trough.empty > progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 +} + +/************* + * Level Bar * + *************/ + +@import '../common/levelbar.scss'; + + +/**************** + * Print dialog * +*****************/ +window.dialog.print { + drawing { + color: $fg_color; + background: none; + border: none; + padding: 0; + + paper { + background: white; + color: #2e3436; + border: 1px solid $borders_color; + } + + } + + .dialog-action-box { margin: 12px; } +} + + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid $borders_color; +} + +frame { + border-radius: $window_radius; + + > label { + margin: 4px; + } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + + &, > box.start, > box.end { + border-spacing: 6px; + } +} + +scrolledwindow { + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + + //The damned overlay scrollbars shall not appear over content! + &>.view { + &:dir(ltr) {padding-right: 1em;} + &:dir(rtl) {padding-left: 1em;} + } + + > overshoot { + &.top { + @include overshoot(top); + } + + &.bottom { + @include overshoot(bottom); + } + + &.left { + @include overshoot(left); + } + + &.right { + @include overshoot(right); + } + } + + > junction { // the small square between two scrollbars + // Only color the top-left (or top right in RTL) pixel, to visually connect + // the borders of the two scrollbars. + + background: $borders_color, + linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px), + linear-gradient(to right, transparent 1px, $scrollbar_bg_color 1px); + + &:dir(rtl) { + background: $borders_color, + linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px), + linear-gradient(to left, transparent 1px, $scrollbar_bg_color 1px); + } + } +} + +//vbox and hbox separators +separator { + background: transparentize(if($variant=='light', black, white), 0.9); + min-width: 1px; + min-height: 1px; +} + + +/********* + * Lists * + *********/ +listview, +list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + + + > row { padding: 2px; } + > row.expander { padding: 0px; } + > row.expander .row-header { padding: 2px; } + + &.horizontal row.separator, + &.separators.horizontal > row:not(.separator) { + border-left: 1px solid $_treeview_borders_color; + } + &:not(.horizontal) row.separator, + &.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid $_treeview_borders_color; + } +} + +@import '../common/row.scss'; + +columnview { + // move padding to child cells + > listview > row { + padding: 0; + + // align horizontal sizing with header buttons + > cell { + padding: 8px 6px; + + &:not(:first-child) { + border-left: 1px solid transparent; + } + } + } + + // make column separators visible when :show-column-separators is true + &.column-separators > listview > row > cell { + border-left-color: $_treeview_borders_color; + } + + // shrink vertically for .data-table + &.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; + } +} + +treeexpander { + border-spacing: 4px; +} + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: none;//2px solid $focus_border_color; +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: none;//2px solid $selected_bg_color; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_text_bg_color; + color: $fg_color; + } +} + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ + + +.rich-list { /* rich lists usually containing other widgets than just labels/text */ + & > row { + padding: 8px 12px; + min-height: 32px; /* should be tall even when only containing a label */ + + & > box { + border-spacing: 12px; + } + } +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + @extend %osd; + + padding: 10px; + border-spacing: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + button { @extend %osd_button; } + + border { border: none; } +} + + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:disabled { color: $insensitive_fg_color; } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +expander-widget { + @include focus-ring("> box > title"); + + > box > title { + transition: $focus_transition; + border-radius: $button_radius; + + &:hover > expander { + color: lighten($fg_color,30%); //only lightens the icon + } + } +} + +.navigation-sidebar, +placessidebar, +stackswitcher, +expander-widget { + &:not(decoration):not(window):drop(active):focus, + &:not(decoration):not(window):drop(active) { + box-shadow: none; + } +} + + +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + font-feature-settings: "tnum"; + + > header { + border-bottom: 1px solid $borders_color; + + > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; + } + > button:backdrop { + background: none; + } + } + + > grid { + > label.day-name { + } + + > label.week-number { + } + + > label.today { + box-shadow: inset 0px -2px $borders_color; + + &:selected { + box-shadow: none; + } + } + + > label:focus { + outline-color: $focus_border_color; + outline-offset: -2px; + outline-width: 2px; + outline-style: none; //solid; + } + + > label.day-number { + padding: 4px; + + &:selected{ + @extend %selected_items; + border-radius: 3px; + } + } + + > label.day-number.other-month { + color: gtkalpha(currentColor, 0.3); + } + } + +} + + +/*********** + * Dialogs * + ***********/ +window.dialog.message { // Message Dialog styling + .titlebar { + min-height: 20px; + background-image: none; + background-color: $bg_color; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + } + + box.dialog-vbox.vertical { + border-spacing: 10px; + } + + & label.title { + font-weight: 800; + font-size: 15pt; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: $window_radius+1; + border-bottom-right-radius: $window_radius+1; + } + + .dialog-action-area button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + + &:first-child{ + border-left-style: none; + border-bottom-left-radius: 7px; + } + + &:last-child { + border-bottom-right-radius: 7px; + } + } + } +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + + +filechooserbutton>button>box { + border-spacing: 6px; +} +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ +.sidebar { + background-color: mix($bg_color, $base_color, 50%); + + &:not(separator) { + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + } + + listview.view, + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + //not a regular list + list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; + } + row { + padding: 10px 4px; + //@include focus-ring(); + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + + } +} + +separator.sidebar { + background-color: $borders_color; +} + + +/********************** + * Navigation Sidebar * + **********************/ + +.navigation-sidebar { + padding: $menu-margin 0; //only vertical padding. horizontal row size would clip + + > separator { + margin: $menu-margin; + } + + > row { + min-height: 36px; + padding: 0 8px; + border-radius: $menu-margin; + margin: 0 $menu-margin 2px; + + } +} + + +/**************** + * File chooser * + ****************/ + +$_placesidebar_icons_opacity: 1; + +row image.sidebar-icon { opacity: $_placesidebar_icons_opacity; } // dim the sidebar icons + // see bug #786613 for details + // on this oddity + +/* this should be more generic, only using .navigation-sidebar + https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 +*/ + +placessidebar { + .navigation-sidebar > row { + // Needs overriding of the `.navigation-sidebar > row` padding + padding: 0; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic; + + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { } + + > actionbar > revealer > box > box{ + border-spacing: 6px; + } +} + + +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 0.5rem; + min-height: 0.5rem; + //-gtk-icon-source: none; // defeats the ugly default handle decoration + border: none; + background-color: $borders_color; + @include draggable_bg_image($button_bg); + background-size: 0.5rem; //to overwrite, because separetor is thinner + + &:hover {box-shadow: inset 0 0 0 1px $selected_bg_color;} //with box-shadow so it is a even thinner + + &:selected { background-color: $selected_bg_color; } // FIXME is this needed? + + &.wide { + min-width: 5px; + min-height: 5px; + //background-color: $bg_color; + //background-image: image($borders_color), image($borders_color); + //background-size: 1px 1px, 1px 1px; + } + } + + &.horizontal > separator { + //background-repeat: repeat-y; + + &:dir(ltr) { + //margin: 0 -8px 0 0; + //padding: 0 8px 0 0; + //background-position: left; + } + &:dir(rtl) { + //margin: 0 0 0 -8px; + //padding: 0 0 0 8px; + //background-position: right; + } + + &.wide { + //margin: 0; + //padding: 0; + //background-repeat: repeat-y, repeat-y; + //background-position: left, right; + } + } + + &.vertical > separator { + //margin: 0 0 -8px 0; + //padding: 0 0 8px 0; + //background-repeat: repeat-x; + //background-position: top; + + &.wide { + margin: 0; + padding: 0; + //background-repeat: repeat-x, repeat-x; + //background-position: bottom, top; + } + } +} + + +/************** + * GtkVideo * + **************/ + +video { + & image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 32px; + } + background: black; +} + +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: transparentize($hint_bg, 0.1); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this subtle border is meant to + // not make the tooltip melt with + // very dark backgrounds + color: $hint_fg; + } + + padding: 6px 10px; + border-radius: $window_radius; + //box-shadow: none; // otherwise it gets inherited by windowframe.csd + + > box { + border-spacing: 6px; + } +} + + +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + transition: $focus_transition; + + @include focus-ring($width: 4px, $offset: -2px); + + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark { + > overlay { + color: white; + } + + &.activatable:hover > overlay { + //border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); + } + } + + &.light { + > overlay { + color: black; + } + + &.activatable:hover > overlay { + //border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); + } + } + + &:drop(active) { + box-shadow: none; + + &.light > overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark > overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + > overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + } + + &.activatable:hover > overlay { + //box-shadow: inset 0 1px transparentize(white, 0.6), + // inset 0 -1px transparentize(black, 0.8); + @include button(); + } + + &#add-color-button { + border-radius: $_colorswatch_radius 0 0 $_colorswatch_radius; + + &:only-child { border-radius: $_colorswatch_radius; } + + > overlay { + @include button(); + } + + &.activatable:hover > overlay { + //overlay may not look "hovered" + } + } + + &:disabled { + opacity: 0.5; + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + > overlay { + //border-color: transparentize(black, 0.4); + //box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + > overlay { border-radius: 4.5px; } + } +} + +plane { + transition: $focus_transition; + + @include focus-ring($offset: 2px, $outer: true); +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-filter: brightness(1.2); } + + .tile { + margin: 2px; + background-color: if($variant=='light', transparent, black); + border-radius: 0; + padding: 0; + + &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); } + &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); } +} + + > rubberband { @extend rubberband; } + +} + +.scale-popup { + .osd & { @extend %osd; } + +// .osd & button.flat { //FIXME: quick hack, redo properly +// border-style: none; +// border-radius: 5px; +// } + +// button { // +/- buttons on GtkVolumeButton popup +// &:hover { +// @extend %undecorated_button; +// background-color: transparentize($fg_color,0.9); +// border-radius: 5px; +// } +// } +} + + +/********************** + * Window Decorations * + *********************/ +window { + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + + + &.csd { + box-shadow: $window_bs; + margin: 0px; + border-radius: $window_radius $window_radius 0 0; + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: $window_backdrop_bs; + transition: $backdrop_transition; + } + + &.popup { + border-radius: $menu_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + &.dialog.message { + border-radius: $window_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + } + + &.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px $borders_color; + border-radius: 0; + box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $headerbar_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); + + &:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } + } + + &.maximized, + &.fullscreen { border-radius: 0; box-shadow: none; } + + &.tiled, + &.tiled-top, + &.tiled-left, + &.tiled-right, + &.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px $_wm_border, + 0 2px 6px 2px transparentize(black, 0.3), + 0 0 0 20px transparent; //transparent control workaround -- #3670 + + &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 2px 6px 2px transparentize(black, 0.6), + 0 0 0 20px transparent; // #3670 + } + } + + &.popup { box-shadow: none; } + + // server-side decorations as used by mutter + &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows + + +} + +tooltip.csd { + border-radius: 5px; + box-shadow: 0 3px 4px transparentize(black, 0.3); //none; +} + +// catch all extend :) + +//here used to be %selected_items {...} + +.monospace { font-family: monospace; } + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above + +@import '../common/cursor-handle.scss'; + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +// shortcut window keys +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + +} + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + caret-color: $drop_target_color; +} + +stackswitcher > button.text-button { min-width: 100px; } // FIXME aggregate with buttons + +stackswitcher.circular { + border-spacing: 12px; + + // FIXME aggregate with buttons + > button.circular, + > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + } +} +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/* Drapshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0,0,0,0.05), + 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/********* + * Emoji * + ********/ + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid $borders_color; +} + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid $borders_color; +} + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; + + &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); } + &:checked { border-color: $selected_bg_color; } +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; + + &:focus, + &:hover { + background: $selected_bg_color; + } +} + +emoji-completion-row > box { + border-spacing: 10px; + padding: 2px 10px; +} + +emoji-completion-row:focus, +emoji-completion-row:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background-color: $menu_selected_color; +} + +popover.entry-completion > contents { + padding: 0; +} + +statusbar { + padding: 6px 10px 6px 10px; +} + +menubutton { + > button > box { + border-spacing: 6px; + } + + arrow { + min-height: 16px; + min-width: 16px; + &.none { + -gtk-icon-source: -gtk-icontheme('open-menu-symbolic'); + } + &.down { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + &.up { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + &.left { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + } + &.right { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + } + } +} + +@import '../common/undershoot.scss'; +@import '../common/stack_switcher.scss'; diff --git a/source/gtk4/_drawing.scss b/source/gtk4/_drawing.scss new file mode 100644 index 0000000..bc9aff4 --- /dev/null +++ b/source/gtk4/_drawing.scss @@ -0,0 +1,142 @@ +// Drawing mixins + +// generic drawing of more complex things + +// +// Helper mixin for drawing visible focus rings +// +// If $target is specified, the focus ring is applied to the specified child element. +// If $outer is true, the focus ring extends outward. Otherwise, it extends inward. +// If $within is true, use focus-within instead of focus:focus-visible +// + +//to allow some common mixins to know whether they've been called for a gtk3 or gtk4 widget, because there are some things that are different. +$gtk: 4; + + +@mixin focus-ring($target: null, $width: 2px, $offset: -$width, $outer: false, $focus-state: 'focus:focus-visible', $fc: $focus_border_color) { + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; + & #{$target} { + outline: 0 solid transparent; + outline-offset: if($outer, $offset + 4px, $offset + $width + 4px); + } + + &:#{$focus-state} #{$target} { + outline-color: $fc; + outline-width: $width; + outline-offset: $offset; + } +} + +@mixin _shadows($list...) { +// +// Helper mixin to stack up to box-shadows; +// + $shadows: null; + + @each $shadow in $list { + @if $shadow!=none { $shadows: $shadows, $shadow; } + } + + box-shadow: $shadows; +} + +// entries + +@mixin entry($t, $fc:$focus_border_color) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop, block_cursor; +// + $_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); + $_hilight_color: _button_hilight_color($bg_color); + + @if $t==normal { + color: $text_color; + border-color: mix($text_color,$base_color, 20%);//$borders_color; + background-color: $base_color; + @include _shadows(inset shadow(normal), inset shadow(transparent)); + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + + @if t==hover { //gtk apparently does not create :hover on entries!?! + border-color: gtkalpha($fc, 0.5); + } + + @if $t==focus { + @include _shadows(inset shadow(normal), inset shadow(glow-small, $fc)); + //border-color: entry_focus_border($fc); + } + + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: mix($insensitive_fg_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: mix($backdrop_insensitive_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + } + @if $t==block_cursor { + color: $base_color; + background-color: $text_color; + } +} + +// buttons + + +@import "../common/buttons.scss"; + + + + + +@import '../common/overshoot.scss'; + + +/*************************** + * Check and Radio buttons * + ***************************/ + + diff --git a/source/gtk4/assets-hc.svg b/source/gtk4/assets-hc.svg new file mode 100644 index 0000000..fba1531 --- /dev/null +++ b/source/gtk4/assets-hc.svg @@ -0,0 +1,1348 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/bullet-symbolic.svg b/source/gtk4/assets-hc/bullet-symbolic.svg new file mode 100644 index 0000000..c029973 --- /dev/null +++ b/source/gtk4/assets-hc/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/bullet-symbolic.symbolic.png b/source/gtk4/assets-hc/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..2ccb0e8 Binary files /dev/null and b/source/gtk4/assets-hc/bullet-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/bullet@2-symbolic.symbolic.png b/source/gtk4/assets-hc/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000..e9df425 Binary files /dev/null and b/source/gtk4/assets-hc/bullet@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/check-symbolic.svg b/source/gtk4/assets-hc/check-symbolic.svg new file mode 100644 index 0000000..bac5cd6 --- /dev/null +++ b/source/gtk4/assets-hc/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/check-symbolic.symbolic.png b/source/gtk4/assets-hc/check-symbolic.symbolic.png new file mode 100644 index 0000000..eed1f45 Binary files /dev/null and b/source/gtk4/assets-hc/check-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/check@2-symbolic.symbolic.png b/source/gtk4/assets-hc/check@2-symbolic.symbolic.png new file mode 100644 index 0000000..f7c143f Binary files /dev/null and b/source/gtk4/assets-hc/check@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/dash-symbolic.svg b/source/gtk4/assets-hc/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/source/gtk4/assets-hc/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/dash-symbolic.symbolic.png b/source/gtk4/assets-hc/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/source/gtk4/assets-hc/dash-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/dash@2-symbolic.symbolic.png b/source/gtk4/assets-hc/dash@2-symbolic.symbolic.png new file mode 100644 index 0000000..d2b3385 Binary files /dev/null and b/source/gtk4/assets-hc/dash@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..c9709fe Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..bb54815 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..ce170ee Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..7e1c31e Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..883cd0c Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..2606032 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..1d86a17 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..ceb9862 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..c92db2c Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..27cc910 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d5bc7d Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..4603029 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..e0faaf0 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..75217d2 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..37869d9 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..7eb1d10 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..d255965 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..f25bd29 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..269fcd9 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..62830dc Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..7ab6415 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..5b0502b Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..7044e48 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..089b902 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..00ea0c3 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..f43026a Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..12f249a Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..29c21fb Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..93cc0a6 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..56d01a7 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..acffa04 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..146d377 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..e4f4a79 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..814d8d3 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..7896ba0 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..ed202d6 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..d8b1adc Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..7012463 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..465c7f8 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..10d8a8d Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..509d490 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..98ad078 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d0b5bd Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..343e53d Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..598a9f0 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..47d7bf7 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..cad097b Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..600f11a Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..c6bbb4f Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..2cb440b Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..2460eaf Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..b9d2047 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..56778d5 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..44e5360 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..0ce28e7 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..2c1c925 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..ff055d5 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..a68e750 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..69e56a9 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..612ad7e Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..42cc778 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..376affc Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..962abbe Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..c230252 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active-dark.png b/source/gtk4/assets-hc/text-select-end-active-dark.png new file mode 100644 index 0000000..7ea84c9 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active-dark@2.png b/source/gtk4/assets-hc/text-select-end-active-dark@2.png new file mode 100644 index 0000000..e76ae1a Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active.png b/source/gtk4/assets-hc/text-select-end-active.png new file mode 100644 index 0000000..ceb4845 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active@2.png b/source/gtk4/assets-hc/text-select-end-active@2.png new file mode 100644 index 0000000..f5239f6 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-dark.png b/source/gtk4/assets-hc/text-select-end-dark.png new file mode 100644 index 0000000..6877425 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-end-dark@2.png b/source/gtk4/assets-hc/text-select-end-dark@2.png new file mode 100644 index 0000000..c18f034 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover-dark.png b/source/gtk4/assets-hc/text-select-end-hover-dark.png new file mode 100644 index 0000000..eca1f77 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover-dark@2.png b/source/gtk4/assets-hc/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..750edc3 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover.png b/source/gtk4/assets-hc/text-select-end-hover.png new file mode 100644 index 0000000..0a7e0cd Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover@2.png b/source/gtk4/assets-hc/text-select-end-hover@2.png new file mode 100644 index 0000000..29e94c7 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end.png b/source/gtk4/assets-hc/text-select-end.png new file mode 100644 index 0000000..87187dc Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end.png differ diff --git a/source/gtk4/assets-hc/text-select-end@2.png b/source/gtk4/assets-hc/text-select-end@2.png new file mode 100644 index 0000000..cbbb5e9 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active-dark.png b/source/gtk4/assets-hc/text-select-start-active-dark.png new file mode 100644 index 0000000..87a9b9e Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active-dark@2.png b/source/gtk4/assets-hc/text-select-start-active-dark@2.png new file mode 100644 index 0000000..7ae3297 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active.png b/source/gtk4/assets-hc/text-select-start-active.png new file mode 100644 index 0000000..3e7196e Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active@2.png b/source/gtk4/assets-hc/text-select-start-active@2.png new file mode 100644 index 0000000..fbdee10 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-dark.png b/source/gtk4/assets-hc/text-select-start-dark.png new file mode 100644 index 0000000..ff80dca Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-start-dark@2.png b/source/gtk4/assets-hc/text-select-start-dark@2.png new file mode 100644 index 0000000..b3ff620 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover-dark.png b/source/gtk4/assets-hc/text-select-start-hover-dark.png new file mode 100644 index 0000000..9ce0aa8 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover-dark@2.png b/source/gtk4/assets-hc/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..29b890c Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover.png b/source/gtk4/assets-hc/text-select-start-hover.png new file mode 100644 index 0000000..2ef0011 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover@2.png b/source/gtk4/assets-hc/text-select-start-hover@2.png new file mode 100644 index 0000000..e08b2f8 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start.png b/source/gtk4/assets-hc/text-select-start.png new file mode 100644 index 0000000..e43b2d7 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start.png differ diff --git a/source/gtk4/assets-hc/text-select-start@2.png b/source/gtk4/assets-hc/text-select-start@2.png new file mode 100644 index 0000000..fe2c257 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start@2.png differ diff --git a/source/gtk4/assets.svg b/source/gtk4/assets.svg new file mode 100644 index 0000000..a0b995f --- /dev/null +++ b/source/gtk4/assets.svg @@ -0,0 +1,1358 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets.txt b/source/gtk4/assets.txt new file mode 100644 index 0000000..a380d1c --- /dev/null +++ b/source/gtk4/assets.txt @@ -0,0 +1,44 @@ +text-select-end +text-select-end-hover +text-select-end-active +text-select-start +text-select-start-hover +text-select-start-active +text-select-end-dark +text-select-end-hover-dark +text-select-end-active-dark +text-select-start-dark +text-select-start-hover-dark +text-select-start-active-dark +slider-horz-scale-has-marks-below +slider-horz-scale-has-marks-below-hover +slider-horz-scale-has-marks-below-active +slider-horz-scale-has-marks-below-insensitive +slider-vert-scale-has-marks-below +slider-vert-scale-has-marks-below-hover +slider-vert-scale-has-marks-below-active +slider-vert-scale-has-marks-below-insensitive +slider-horz-scale-has-marks-above +slider-horz-scale-has-marks-above-hover +slider-horz-scale-has-marks-above-active +slider-horz-scale-has-marks-above-insensitive +slider-vert-scale-has-marks-above +slider-vert-scale-has-marks-above-hover +slider-vert-scale-has-marks-above-active +slider-vert-scale-has-marks-above-insensitive +slider-horz-scale-has-marks-below-dark +slider-horz-scale-has-marks-below-hover-dark +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-insensitive-dark +slider-vert-scale-has-marks-below-dark +slider-vert-scale-has-marks-below-hover-dark +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-insensitive-dark +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-above-hover-dark +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-insensitive-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-above-hover-dark +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-insensitive-dark diff --git a/source/gtk4/assets/bullet-symbolic.svg b/source/gtk4/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/source/gtk4/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/bullet-symbolic.symbolic.png b/source/gtk4/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/source/gtk4/assets/bullet-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/bullet@2-symbolic.symbolic.png b/source/gtk4/assets/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000..e9df425 Binary files /dev/null and b/source/gtk4/assets/bullet@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/check-symbolic.svg b/source/gtk4/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/source/gtk4/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/check-symbolic.symbolic.png b/source/gtk4/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/source/gtk4/assets/check-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/check@2-symbolic.symbolic.png b/source/gtk4/assets/check@2-symbolic.symbolic.png new file mode 100644 index 0000000..994ce3a Binary files /dev/null and b/source/gtk4/assets/check@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/dash-symbolic.svg b/source/gtk4/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/source/gtk4/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/dash-symbolic.symbolic.png b/source/gtk4/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/source/gtk4/assets/dash-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/dash@2-symbolic.symbolic.png b/source/gtk4/assets/dash@2-symbolic.symbolic.png new file mode 100644 index 0000000..d2b3385 Binary files /dev/null and b/source/gtk4/assets/dash@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/draggable-black.svg b/source/gtk4/assets/draggable-black.svg new file mode 100644 index 0000000..8d4c086 --- /dev/null +++ b/source/gtk4/assets/draggable-black.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/draggable-white.svg b/source/gtk4/assets/draggable-white.svg new file mode 100644 index 0000000..8713d00 --- /dev/null +++ b/source/gtk4/assets/draggable-white.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/draggable.svg b/source/gtk4/assets/draggable.svg new file mode 100644 index 0000000..1b2ff23 --- /dev/null +++ b/source/gtk4/assets/draggable.svg @@ -0,0 +1,175 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..6340b2e Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..ac5218d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..1731cb3 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..9431dad Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..3f5b203 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..c3b5344 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..9f7d932 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..8a42a02 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..180aec8 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..842af38 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d5bc7d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..4603029 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..e0faaf0 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..75217d2 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above.png b/source/gtk4/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..87128e2 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..83ff84e Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..502493d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..42ababe Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..39b1c21 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..f9c144e Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..438102d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..dc88ed4 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..7dd3b53 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..84893b7 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..3052b51 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..bcc5328 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..12f249a Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..29c21fb Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..93cc0a6 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..56d01a7 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below.png b/source/gtk4/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..05364ce Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..cde1392 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..8457c1b Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..fc3962f Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..5cca0f8 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..971c35a Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..0bf1bf3 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..bbc3398 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..ce9467b Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..3562fd5 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d24aced Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..191e4e8 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d0b5bd Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..343e53d Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..598a9f0 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..47d7bf7 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above.png b/source/gtk4/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..4e880ad Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..2bfa8c7 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..ef21ab0 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..df1675e Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..204f324 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..8c499ed Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..248a089 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..8e3263a Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..62bb100 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..ab71962 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..ba9521a Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..87e1923 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..69e56a9 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..612ad7e Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..42cc778 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..376affc Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below.png b/source/gtk4/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..705f4e6 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..26a43e0 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets/text-select-end-active-dark.png b/source/gtk4/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..964afea Binary files /dev/null and b/source/gtk4/assets/text-select-end-active-dark.png differ diff --git a/source/gtk4/assets/text-select-end-active-dark@2.png b/source/gtk4/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..167fdc8 Binary files /dev/null and b/source/gtk4/assets/text-select-end-active-dark@2.png differ diff --git a/source/gtk4/assets/text-select-end-active.png b/source/gtk4/assets/text-select-end-active.png new file mode 100644 index 0000000..59a955a Binary files /dev/null and b/source/gtk4/assets/text-select-end-active.png differ diff --git a/source/gtk4/assets/text-select-end-active@2.png b/source/gtk4/assets/text-select-end-active@2.png new file mode 100644 index 0000000..5aa6c77 Binary files /dev/null and b/source/gtk4/assets/text-select-end-active@2.png differ diff --git a/source/gtk4/assets/text-select-end-dark.png b/source/gtk4/assets/text-select-end-dark.png new file mode 100644 index 0000000..3545bc7 Binary files /dev/null and b/source/gtk4/assets/text-select-end-dark.png differ diff --git a/source/gtk4/assets/text-select-end-dark@2.png b/source/gtk4/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..e29a86a Binary files /dev/null and b/source/gtk4/assets/text-select-end-dark@2.png differ diff --git a/source/gtk4/assets/text-select-end-hover-dark.png b/source/gtk4/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..66daba1 Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover-dark.png differ diff --git a/source/gtk4/assets/text-select-end-hover-dark@2.png b/source/gtk4/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..fd4ced6 Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover-dark@2.png differ diff --git a/source/gtk4/assets/text-select-end-hover.png b/source/gtk4/assets/text-select-end-hover.png new file mode 100644 index 0000000..f9f5d1d Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover.png differ diff --git a/source/gtk4/assets/text-select-end-hover@2.png b/source/gtk4/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..0eaa261 Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover@2.png differ diff --git a/source/gtk4/assets/text-select-end.png b/source/gtk4/assets/text-select-end.png new file mode 100644 index 0000000..aceb8ea Binary files /dev/null and b/source/gtk4/assets/text-select-end.png differ diff --git a/source/gtk4/assets/text-select-end@2.png b/source/gtk4/assets/text-select-end@2.png new file mode 100644 index 0000000..6da7b66 Binary files /dev/null and b/source/gtk4/assets/text-select-end@2.png differ diff --git a/source/gtk4/assets/text-select-start-active-dark.png b/source/gtk4/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..a6f3372 Binary files /dev/null and b/source/gtk4/assets/text-select-start-active-dark.png differ diff --git a/source/gtk4/assets/text-select-start-active-dark@2.png b/source/gtk4/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..1eb3d8e Binary files /dev/null and b/source/gtk4/assets/text-select-start-active-dark@2.png differ diff --git a/source/gtk4/assets/text-select-start-active.png b/source/gtk4/assets/text-select-start-active.png new file mode 100644 index 0000000..765e60c Binary files /dev/null and b/source/gtk4/assets/text-select-start-active.png differ diff --git a/source/gtk4/assets/text-select-start-active@2.png b/source/gtk4/assets/text-select-start-active@2.png new file mode 100644 index 0000000..44d582b Binary files /dev/null and b/source/gtk4/assets/text-select-start-active@2.png differ diff --git a/source/gtk4/assets/text-select-start-dark.png b/source/gtk4/assets/text-select-start-dark.png new file mode 100644 index 0000000..75fa6b4 Binary files /dev/null and b/source/gtk4/assets/text-select-start-dark.png differ diff --git a/source/gtk4/assets/text-select-start-dark@2.png b/source/gtk4/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..3a43e2e Binary files /dev/null and b/source/gtk4/assets/text-select-start-dark@2.png differ diff --git a/source/gtk4/assets/text-select-start-hover-dark.png b/source/gtk4/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..cf4b9c1 Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover-dark.png differ diff --git a/source/gtk4/assets/text-select-start-hover-dark@2.png b/source/gtk4/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..76312d5 Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover-dark@2.png differ diff --git a/source/gtk4/assets/text-select-start-hover.png b/source/gtk4/assets/text-select-start-hover.png new file mode 100644 index 0000000..539379d Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover.png differ diff --git a/source/gtk4/assets/text-select-start-hover@2.png b/source/gtk4/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..6ba8f51 Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover@2.png differ diff --git a/source/gtk4/assets/text-select-start.png b/source/gtk4/assets/text-select-start.png new file mode 100644 index 0000000..9127425 Binary files /dev/null and b/source/gtk4/assets/text-select-start.png differ diff --git a/source/gtk4/assets/text-select-start@2.png b/source/gtk4/assets/text-select-start@2.png new file mode 100644 index 0000000..b9b0aa1 Binary files /dev/null and b/source/gtk4/assets/text-select-start@2.png differ diff --git a/source/gtk4/gtk-dark.css b/source/gtk4/gtk-dark.css new file mode 100644 index 0000000..876a9b1 --- /dev/null +++ b/source/gtk4/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-dark.css"); diff --git a/source/gtk4/gtk-hc-dark.css b/source/gtk4/gtk-hc-dark.css new file mode 100644 index 0000000..99364a4 --- /dev/null +++ b/source/gtk4/gtk-hc-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-hc-dark.css"); diff --git a/source/gtk4/gtk-hc.css b/source/gtk4/gtk-hc.css new file mode 100644 index 0000000..ca822a2 --- /dev/null +++ b/source/gtk4/gtk-hc.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-hc.css"); diff --git a/source/gtk4/gtk-light.css b/source/gtk4/gtk-light.css new file mode 100644 index 0000000..cf32f05 --- /dev/null +++ b/source/gtk4/gtk-light.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-light.css"); diff --git a/source/gtk4/gtk-new.css b/source/gtk4/gtk-new.css new file mode 100644 index 0000000..6e362f2 --- /dev/null +++ b/source/gtk4/gtk-new.css @@ -0,0 +1,1882 @@ +/*$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton :hover, modelbutton :selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #75ff25; } + +label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton :hover, modelbutton :selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #2a4606; } + +label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton :disabled:hover, modelbutton :disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #7c675a; } + +/*************** Base States * */ +.background { color: #EDF0F5; background-color: #3f3e3e; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #EDF0F5; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: #EDF0F5; background-color: #323232; } + +row .view, row iconview, row textview > text { background-color: unset; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #7c675a; background-color: #493e37; } + +.view > :selected, iconview > :selected, textview > text > :selected { background-color: #75ff25; } + +textview > text { background-color: transparent; } + +textview > text > selection { background-color: rgba(117, 255, 37, 0.3); } + +textview > text > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); } + +textview:drop(active) { caret-color: #33d17a; } + +textview > border { background-color: #393838; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #338b00; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #58f100; background-color: rgba(88, 241, 0, 0.2); } + +flowbox > flowboxchild { padding: 3px; 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child { padding: 3px; 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: #EDF0F5; background-color: #323232; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(132, 201, 92, 0.7); color: #2a4606; } + +label > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); } + +label:disabled { color: #7c675a; } + +button label:disabled { color: inherit; } + +label.error { color: #CC0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #595757; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #75ff25; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #66cbec; border: none; background-color: rgba(32, 61, 121, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left, .entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right, .entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor, .entry > text > block-cursor { color: #323232; background-color: #EDF0F5; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat, .entry.flat:focus-within, .entry.flat:backdrop, .entry.flat:disabled, .entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #75ff25; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder, .entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled, .entry:disabled { color: #7c675a; border-color: #635349; background-color: #493e37; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection, .entry > text > selection { background-color: rgba(132, 201, 92, 0.7); color: transparent; } + +spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within, .entry > text > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); color: #EDF0F5; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection, .entry.error > selection { background-color: #CC0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection, .entry.warning > selection { background-color: #f57900; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image, .entry > image { color: #c8cace; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover, .entry > image:hover { color: #EDF0F5; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active, .entry > image:active { color: #75ff25; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator, .entry.password image.caps-lock-indicator { color: #838386; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active), .entry:drop(active):focus-within, .entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry, .osd .entry { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px _button_hilight_color(#3f3e3e); -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within, .osd .entry:focus-within { color: #66cbec; border-color: #75ff25; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px _button_hilight_color(#3f3e3e); } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled, .osd .entry:disabled { color: #4384b3; border-color: #66cbec; background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress, .entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress, .entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #75ff25; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + .entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .entry, .linked:not(.vertical) > .entry:drop(active) + button, .linked:not(.vertical) > .entry:drop(active) + menubutton > button, .linked:not(.vertical) > .entry:drop(active) + dropdown > button, .linked:not(.vertical) > .entry:drop(active) + colorbutton > button, .linked:not(.vertical) > .entry:drop(active) + fontbutton > button, .linked:not(.vertical) > .entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > .entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry, .linked:not(.vertical) > entry:drop(active) + .entry, spinbutton.vertical.linked:not(.vertical) > .entry:drop(active) + text, .linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > .entry:drop(active) + entry, .linked:not(.vertical) > .entry:drop(active) + .entry { border-left-color: #33d17a; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > .entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > .entry:not(:disabled) + text:not(:disabled), .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled, spinbutton.vertical.linked > .entry:disabled + text:disabled, .linked.vertical > .entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > .entry:disabled + entry:disabled { border-top-color: #3e3d3d; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child), spinbutton.vertical.linked > .entry + text:drop(active):not(:only-child), .linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > .entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo, spinbutton.vertical.linked > .entry:drop(active):not(:only-child) + text, .linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > .entry:drop(active):not(:only-child) + entry, .linked.vertical > .entry:drop(active):not(:only-child) + button, .linked.vertical > .entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > .entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #75ff25; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; } + +/****************************************************** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } + +button.sidebar-button, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:hover image, tabbar tab:hover image, notebook > header tabs > tab:hover image, notebook > header tabbar tabbox > tabboxchild:hover image, tabbar notebook > header tabbox > tabboxchild:hover image, notebook > header > tabs > arrow:hover image, columnview.view > header > button:hover image, treeview.view > header > button:hover image, dnd tab:hover arrow, tabbar tab:hover arrow, notebook > header tabs > tab:hover arrow, notebook > header tabbar tabbox > tabboxchild:hover arrow, tabbar notebook > header tabbox > tabboxchild:hover arrow, notebook > header > tabs > arrow:hover arrow, columnview.view > header > button:hover arrow, treeview.view > header > button:hover arrow, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, dnd tab:focus image, tabbar tab:focus image, notebook > header tabs > tab:focus image, notebook > header tabbar tabbox > tabboxchild:focus image, tabbar notebook > header tabbox > tabboxchild:focus image, notebook > header > tabs > arrow:focus image, columnview.view > header > button:focus image, treeview.view > header > button:focus image, dnd tab:focus arrow, tabbar tab:focus arrow, notebook > header tabs > tab:focus arrow, notebook > header tabbar tabbox > tabboxchild:focus arrow, tabbar notebook > header tabbox > tabboxchild:focus arrow, notebook > header > tabs > arrow:focus arrow, columnview.view > header > button:focus arrow, treeview.view > header > button:focus arrow, button:hover, button:hover image, button:hover arrow, button:focus, button:focus image, button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, button:active, button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, dnd tab:selected, tabbar tab:selected, notebook > header tabs > tab:selected, notebook > header tabbar tabbox > tabboxchild:selected, tabbar notebook > header tabbox > tabboxchild:selected, notebook > header > tabs > arrow:selected, columnview.view > header > button:selected, treeview.view > header > button:selected, dnd tab.has-open-popup, tabbar tab.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.has-open-popup, columnview.view > header > button.has-open-popup, treeview.view > header > button.has-open-popup, button:checked, button:selected, button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +button.sidebar-button:checked, button.sidebar-button:checked image, button.sidebar-button:checked arrow, button.sidebar-button:selected, button.sidebar-button:selected image, button.sidebar-button:selected arrow, button.has-open-popup.sidebar-button, button.has-open-popup.sidebar-button image, button.has-open-popup.sidebar-button arrow, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header dnd tab:checked, dnd notebook > header tab:checked, notebook > header tabbar tab:checked, tabbar notebook > header tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, dnd tab:checked image, tabbar tab:checked image, notebook > header tabs > tab:checked image, notebook > header dnd tab:checked image, dnd notebook > header tab:checked image, notebook > header tabbar tab:checked image, tabbar notebook > header tab:checked image, notebook > header tabbar tabbox > tabboxchild:checked image, tabbar notebook > header tabbox > tabboxchild:checked image, notebook > header > tabs > arrow:checked image, columnview.view > header > button:checked image, treeview.view > header > button:checked image, dnd tab:checked arrow, tabbar tab:checked arrow, notebook > header tabs > tab:checked arrow, notebook > header dnd tab:checked arrow, dnd notebook > header tab:checked arrow, notebook > header tabbar tab:checked arrow, tabbar notebook > header tab:checked arrow, notebook > header tabbar tabbox > tabboxchild:checked arrow, tabbar notebook > header tabbox > tabboxchild:checked arrow, notebook > header > tabs > arrow:checked arrow, columnview.view > header > button:checked arrow, treeview.view > header > button:checked arrow, dnd tab:selected, tabbar tab:selected, notebook > header tabs > tab:selected, notebook > header dnd tab:selected, dnd notebook > header tab:selected, notebook > header tabbar tab:selected, tabbar notebook > header tab:selected, notebook > header tabbar tabbox > tabboxchild:selected, tabbar notebook > header tabbox > tabboxchild:selected, notebook > header > tabs > arrow:selected, columnview.view > header > button:selected, treeview.view > header > button:selected, dnd tab:selected image, tabbar tab:selected image, notebook > header tabs > tab:selected image, notebook > header dnd tab:selected image, dnd notebook > header tab:selected image, notebook > header tabbar tab:selected image, tabbar notebook > header tab:selected image, notebook > header tabbar tabbox > tabboxchild:selected image, tabbar notebook > header tabbox > tabboxchild:selected image, notebook > header > tabs > arrow:selected image, columnview.view > header > button:selected image, treeview.view > header > button:selected image, dnd tab:selected arrow, tabbar tab:selected arrow, notebook > header tabs > tab:selected arrow, notebook > header dnd tab:selected arrow, dnd notebook > header tab:selected arrow, notebook > header tabbar tab:selected arrow, tabbar notebook > header tab:selected arrow, notebook > header tabbar tabbox > tabboxchild:selected arrow, tabbar notebook > header tabbox > tabboxchild:selected arrow, notebook > header > tabs > arrow:selected arrow, columnview.view > header > button:selected arrow, treeview.view > header > button:selected arrow, dnd tab.has-open-popup, tabbar tab.has-open-popup, notebook > header tabs > tab.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.has-open-popup, columnview.view > header > button.has-open-popup, treeview.view > header > button.has-open-popup, dnd tab.has-open-popup image, tabbar tab.has-open-popup image, notebook > header tabs > tab.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.has-open-popup image, columnview.view > header > button.has-open-popup image, treeview.view > header > button.has-open-popup image, dnd tab.has-open-popup arrow, tabbar tab.has-open-popup arrow, notebook > header tabs > tab.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.has-open-popup arrow, columnview.view > header > button.has-open-popup arrow, treeview.view > header > button.has-open-popup arrow, button:checked, button:checked image, button:checked arrow, button:selected, button:selected image, button:selected arrow, button.has-open-popup, button.has-open-popup image, button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab:checked:hover, tabbar tab:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header tabbox > tabboxchild:checked:hover, notebook > header > tabs > arrow:checked:hover, dnd tab:checked:focus, tabbar tab:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header tabbox > tabboxchild:checked:focus, notebook > header > tabs > arrow:checked:focus, dnd tab:selected:hover, tabbar tab:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header tabbox > tabboxchild:selected:hover, notebook > header > tabs > arrow:selected:hover, dnd tab:selected:focus, tabbar tab:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header tabbox > tabboxchild:selected:focus, notebook > header > tabs > arrow:selected:focus, dnd tab.has-open-popup:hover, tabbar tab.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, dnd tab.has-open-popup:focus, tabbar tab.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, button:checked:hover, button:checked:focus, button:selected:hover, button:selected:focus, button.has-open-popup:hover, button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +button.sidebar-button:checked:hover, button.sidebar-button:checked:hover image, button.sidebar-button:checked:hover arrow, button.sidebar-button:checked:focus, button.sidebar-button:checked:focus image, button.sidebar-button:checked:focus arrow, button.sidebar-button:selected:hover, button.sidebar-button:selected:hover image, button.sidebar-button:selected:hover arrow, button.sidebar-button:selected:focus, button.sidebar-button:selected:focus image, button.sidebar-button:selected:focus arrow, button.has-open-popup.sidebar-button:hover, button.has-open-popup.sidebar-button:hover image, button.has-open-popup.sidebar-button:hover arrow, button.has-open-popup.sidebar-button:focus, button.has-open-popup.sidebar-button:focus image, button.has-open-popup.sidebar-button:focus arrow, dnd tab:checked:hover, tabbar tab:checked:hover, notebook > header tabs > tab:checked:hover, notebook > header dnd tab:checked:hover, dnd notebook > header tab:checked:hover, notebook > header tabbar tab:checked:hover, tabbar notebook > header tab:checked:hover, notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header tabbox > tabboxchild:checked:hover, notebook > header > tabs > arrow:checked:hover, dnd tab:checked:hover image, tabbar tab:checked:hover image, notebook > header tabs > tab:checked:hover image, notebook > header dnd tab:checked:hover image, dnd notebook > header tab:checked:hover image, notebook > header tabbar tab:checked:hover image, tabbar notebook > header tab:checked:hover image, notebook > header tabbar tabbox > tabboxchild:checked:hover image, tabbar notebook > header tabbox > tabboxchild:checked:hover image, notebook > header > tabs > arrow:checked:hover image, dnd tab:checked:hover arrow, tabbar tab:checked:hover arrow, notebook > header tabs > tab:checked:hover arrow, notebook > header dnd tab:checked:hover arrow, dnd notebook > header tab:checked:hover arrow, notebook > header tabbar tab:checked:hover arrow, tabbar notebook > header tab:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild:checked:hover arrow, notebook > header > tabs > arrow:checked:hover arrow, dnd tab:checked:focus, tabbar tab:checked:focus, notebook > header tabs > tab:checked:focus, notebook > header dnd tab:checked:focus, dnd notebook > header tab:checked:focus, notebook > header tabbar tab:checked:focus, tabbar notebook > header tab:checked:focus, notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header tabbox > tabboxchild:checked:focus, notebook > header > tabs > arrow:checked:focus, dnd tab:checked:focus image, tabbar tab:checked:focus image, notebook > header tabs > tab:checked:focus image, notebook > header dnd tab:checked:focus image, dnd notebook > header tab:checked:focus image, notebook > header tabbar tab:checked:focus image, tabbar notebook > header tab:checked:focus image, notebook > header tabbar tabbox > tabboxchild:checked:focus image, tabbar notebook > header tabbox > tabboxchild:checked:focus image, notebook > header > tabs > arrow:checked:focus image, dnd tab:checked:focus arrow, tabbar tab:checked:focus arrow, notebook > header tabs > tab:checked:focus arrow, notebook > header dnd tab:checked:focus arrow, dnd notebook > header tab:checked:focus arrow, notebook > header tabbar tab:checked:focus arrow, tabbar notebook > header tab:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild:checked:focus arrow, notebook > header > tabs > arrow:checked:focus arrow, dnd tab:selected:hover, tabbar tab:selected:hover, notebook > header tabs > tab:selected:hover, notebook > header dnd tab:selected:hover, dnd notebook > header tab:selected:hover, notebook > header tabbar tab:selected:hover, tabbar notebook > header tab:selected:hover, notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header tabbox > tabboxchild:selected:hover, notebook > header > tabs > arrow:selected:hover, dnd tab:selected:hover image, tabbar tab:selected:hover image, notebook > header tabs > tab:selected:hover image, notebook > header dnd tab:selected:hover image, dnd notebook > header tab:selected:hover image, notebook > header tabbar tab:selected:hover image, tabbar notebook > header tab:selected:hover image, notebook > header tabbar tabbox > tabboxchild:selected:hover image, tabbar notebook > header tabbox > tabboxchild:selected:hover image, notebook > header > tabs > arrow:selected:hover image, dnd tab:selected:hover arrow, tabbar tab:selected:hover arrow, notebook > header tabs > tab:selected:hover arrow, notebook > header dnd tab:selected:hover arrow, dnd notebook > header tab:selected:hover arrow, notebook > header tabbar tab:selected:hover arrow, tabbar notebook > header tab:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild:selected:hover arrow, notebook > header > tabs > arrow:selected:hover arrow, dnd tab:selected:focus, tabbar tab:selected:focus, notebook > header tabs > tab:selected:focus, notebook > header dnd tab:selected:focus, dnd notebook > header tab:selected:focus, notebook > header tabbar tab:selected:focus, tabbar notebook > header tab:selected:focus, notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header tabbox > tabboxchild:selected:focus, notebook > header > tabs > arrow:selected:focus, dnd tab:selected:focus image, tabbar tab:selected:focus image, notebook > header tabs > tab:selected:focus image, notebook > header dnd tab:selected:focus image, dnd notebook > header tab:selected:focus image, notebook > header tabbar tab:selected:focus image, tabbar notebook > header tab:selected:focus image, notebook > header tabbar tabbox > tabboxchild:selected:focus image, tabbar notebook > header tabbox > tabboxchild:selected:focus image, notebook > header > tabs > arrow:selected:focus image, dnd tab:selected:focus arrow, tabbar tab:selected:focus arrow, notebook > header tabs > tab:selected:focus arrow, notebook > header dnd tab:selected:focus arrow, dnd notebook > header tab:selected:focus arrow, notebook > header tabbar tab:selected:focus arrow, tabbar notebook > header tab:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild:selected:focus arrow, notebook > header > tabs > arrow:selected:focus arrow, dnd tab.has-open-popup:hover, tabbar tab.has-open-popup:hover, notebook > header tabs > tab.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.has-open-popup:hover, dnd tab.has-open-popup:hover image, tabbar tab.has-open-popup:hover image, notebook > header tabs > tab.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.has-open-popup:hover image, dnd tab.has-open-popup:hover arrow, tabbar tab.has-open-popup:hover arrow, notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.has-open-popup:hover arrow, dnd tab.has-open-popup:focus, tabbar tab.has-open-popup:focus, notebook > header tabs > tab.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.has-open-popup:focus, dnd tab.has-open-popup:focus image, tabbar tab.has-open-popup:focus image, notebook > header tabs > tab.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.has-open-popup:focus image, dnd tab.has-open-popup:focus arrow, tabbar tab.has-open-popup:focus arrow, notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.has-open-popup:focus arrow, button:checked:hover, button:checked:hover image, button:checked:hover arrow, button:checked:focus, button:checked:focus image, button:checked:focus arrow, button:selected:hover, button:selected:hover image, button:selected:hover arrow, button:selected:focus, button:selected:focus image, button:selected:focus arrow, button.has-open-popup:hover, button.has-open-popup:hover image, button.has-open-popup:hover arrow, button.has-open-popup:focus, button.has-open-popup:focus image, button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab:disabled, tabbar tab:disabled, notebook > header tabs > tab:disabled, notebook > header tabbar tabbox > tabboxchild:disabled, tabbar notebook > header tabbox > tabboxchild:disabled, notebook > header > tabs > arrow:disabled, columnview.view > header > button:disabled, treeview.view > header > button:disabled, button:disabled, button:disabled:checked, button:disabled:selected, button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +button.sidebar-button, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { outline: 0 solid transparent; outline-offset: 4px; } + +dnd tab:focus:focus-visible, tabbar tab:focus:focus-visible, notebook > header tabs > tab:focus:focus-visible, notebook > header tabbar tabbox > tabboxchild:focus:focus-visible, tabbar notebook > header tabbox > tabboxchild:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +dnd tab.image-button, tabbar tab.image-button, notebook > header tabs > tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.image-button, columnview.view > header > button.image-button, treeview.view > header > button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +dnd tab.text-button, tabbar tab.text-button, notebook > header tabs > tab.text-button, notebook > header tabbar tabbox > tabboxchild.text-button, tabbar notebook > header tabbox > tabboxchild.text-button, notebook > header > tabs > arrow.text-button, columnview.view > header > button.text-button, treeview.view > header > button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +dnd tab.text-button.image-button, tabbar tab.text-button.image-button, notebook > header tabs > tab.text-button.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +dnd tab.text-button.image-button label, tabbar tab.text-button.image-button label, notebook > header tabs > tab.text-button.image-button label, notebook > header dnd tab.image-button label, dnd notebook > header tab.image-button label, notebook > header tabbar tab.image-button label, tabbar notebook > header tab.image-button label, notebook > header tabbar tabbox > tabboxchild.image-button label, tabbar notebook > header tabbox > tabboxchild.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +dnd tab.arrow-button, tabbar tab.arrow-button, notebook > header tabs > tab.arrow-button, notebook > header tabbar tabbox > tabboxchild.arrow-button, tabbar notebook > header tabbox > tabboxchild.arrow-button, notebook > header > tabs > arrow.arrow-button, columnview.view > header > button.arrow-button, treeview.view > header > button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +dnd tab.arrow-button > box, tabbar tab.arrow-button > box, notebook > header tabs > tab.arrow-button > box, dnd notebook > header tab.arrow-button > box, tabbar notebook > header tab.arrow-button > box, notebook > header tabbar tabbox > tabboxchild.arrow-button > box, tabbar notebook > header tabbox > tabboxchild.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, columnview.view > header > button.arrow-button > box, treeview.view > header > button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, dnd tab:drop(active), tabbar tab:drop(active), notebook > header tabs > tab:drop(active), notebook > header tabbar tabbox > tabboxchild:drop(active), tabbar notebook > header tabbox > tabboxchild:drop(active), notebook > header > tabs > arrow:drop(active), columnview.view > header > button:drop(active), treeview.view > header > button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } + +dnd tab.small-button, tabbar tab.small-button, notebook > header tabs > tab.small-button, notebook > header tabbar tabbox > tabboxchild.small-button, tabbar notebook > header tabbox > tabboxchild.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; } + +dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, dnd tab.osd:focus, tabbar tab.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header tabbar tabbox > tabboxchild.osd:focus, tabbar notebook > header tabbox > tabboxchild.osd:focus, notebook > header > tabs > arrow.osd:focus, button.osd:hover, button.osd:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, dnd tab.osd:hover image, tabbar tab.osd:hover image, notebook > header tabs > tab.osd:hover image, notebook > header tabbar tabbox > tabboxchild.osd:hover image, tabbar notebook > header tabbox > tabboxchild.osd:hover image, notebook > header > tabs > arrow.osd:hover image, dnd tab.osd:hover arrow, tabbar tab.osd:hover arrow, notebook > header tabs > tab.osd:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:hover arrow, notebook > header > tabs > arrow.osd:hover arrow, dnd tab.osd:focus, tabbar tab.osd:focus, notebook > header tabs > tab.osd:focus, notebook > header tabbar tabbox > tabboxchild.osd:focus, tabbar notebook > header tabbox > tabboxchild.osd:focus, notebook > header > tabs > arrow.osd:focus, dnd tab.osd:focus image, tabbar tab.osd:focus image, notebook > header tabs > tab.osd:focus image, notebook > header tabbar tabbox > tabboxchild.osd:focus image, tabbar notebook > header tabbox > tabboxchild.osd:focus image, notebook > header > tabs > arrow.osd:focus image, dnd tab.osd:focus arrow, tabbar tab.osd:focus arrow, notebook > header tabs > tab.osd:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:focus arrow, notebook > header > tabs > arrow.osd:focus arrow, button.osd:hover, button.osd:hover image, button.osd:hover arrow, button.osd:focus, button.osd:focus image, button.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd.keyboard-activating, tabbar tab.osd.keyboard-activating, notebook > header tabs > tab.osd.keyboard-activating, notebook > header dnd tab.keyboard-activating, dnd notebook > header tab.keyboard-activating, notebook > header tabbar tab.keyboard-activating, tabbar notebook > header tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.osd.keyboard-activating, button.osd:active, button.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, dnd tab.osd:selected, tabbar tab.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header tabbox > tabboxchild.osd:selected, notebook > header > tabs > arrow.osd:selected, dnd tab.osd.has-open-popup, tabbar tab.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, button.osd:checked, button.osd:selected, button.osd.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header dnd tab.osd:checked, dnd notebook > header tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, dnd tab.osd:checked image, tabbar tab.osd:checked image, notebook > header tabs > tab.osd:checked image, notebook > header dnd tab.osd:checked image, dnd notebook > header tab.osd:checked image, notebook > header tabbar tabbox > tabboxchild.osd:checked image, tabbar notebook > header tabbox > tabboxchild.osd:checked image, notebook > header > tabs > arrow.osd:checked image, dnd tab.osd:checked arrow, tabbar tab.osd:checked arrow, notebook > header tabs > tab.osd:checked arrow, notebook > header dnd tab.osd:checked arrow, dnd notebook > header tab.osd:checked arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked arrow, notebook > header > tabs > arrow.osd:checked arrow, dnd tab.osd:selected, tabbar tab.osd:selected, notebook > header tabs > tab.osd:selected, notebook > header dnd tab.osd:selected, dnd notebook > header tab.osd:selected, notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header tabbox > tabboxchild.osd:selected, notebook > header > tabs > arrow.osd:selected, dnd tab.osd:selected image, tabbar tab.osd:selected image, notebook > header tabs > tab.osd:selected image, notebook > header dnd tab.osd:selected image, dnd notebook > header tab.osd:selected image, notebook > header tabbar tabbox > tabboxchild.osd:selected image, tabbar notebook > header tabbox > tabboxchild.osd:selected image, notebook > header > tabs > arrow.osd:selected image, dnd tab.osd:selected arrow, tabbar tab.osd:selected arrow, notebook > header tabs > tab.osd:selected arrow, notebook > header dnd tab.osd:selected arrow, dnd notebook > header tab.osd:selected arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected arrow, notebook > header > tabs > arrow.osd:selected arrow, dnd tab.osd.has-open-popup, tabbar tab.osd.has-open-popup, notebook > header tabs > tab.osd.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.osd.has-open-popup, dnd tab.osd.has-open-popup image, tabbar tab.osd.has-open-popup image, notebook > header tabs > tab.osd.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.osd.has-open-popup image, dnd tab.osd.has-open-popup arrow, tabbar tab.osd.has-open-popup arrow, notebook > header tabs > tab.osd.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.osd.has-open-popup arrow, button.osd:checked, button.osd:checked image, button.osd:checked arrow, button.osd:selected, button.osd:selected image, button.osd:selected arrow, button.osd.has-open-popup, button.osd.has-open-popup image, button.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab.osd:checked:hover, tabbar tab.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, dnd tab.osd:checked:focus, tabbar tab.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, dnd tab.osd:selected:hover, tabbar tab.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, dnd tab.osd:selected:focus, tabbar tab.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, dnd tab.osd.has-open-popup:hover, tabbar tab.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, dnd tab.osd.has-open-popup:focus, tabbar tab.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, button.osd:checked:hover, button.osd:checked:focus, button.osd:selected:hover, button.osd:selected:focus, button.osd.has-open-popup:hover, button.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +dnd tab.osd:checked:hover, tabbar tab.osd:checked:hover, notebook > header tabs > tab.osd:checked:hover, notebook > header dnd tab.osd:checked:hover, dnd notebook > header tab.osd:checked:hover, notebook > header tabbar tab.osd:checked:hover, tabbar notebook > header tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.osd:checked:hover, dnd tab.osd:checked:hover image, tabbar tab.osd:checked:hover image, notebook > header tabs > tab.osd:checked:hover image, notebook > header dnd tab.osd:checked:hover image, dnd notebook > header tab.osd:checked:hover image, notebook > header tabbar tab.osd:checked:hover image, tabbar notebook > header tab.osd:checked:hover image, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header > tabs > arrow.osd:checked:hover image, dnd tab.osd:checked:hover arrow, tabbar tab.osd:checked:hover arrow, notebook > header tabs > tab.osd:checked:hover arrow, notebook > header dnd tab.osd:checked:hover arrow, dnd notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tab.osd:checked:hover arrow, tabbar notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header > tabs > arrow.osd:checked:hover arrow, dnd tab.osd:checked:focus, tabbar tab.osd:checked:focus, notebook > header tabs > tab.osd:checked:focus, notebook > header dnd tab.osd:checked:focus, dnd notebook > header tab.osd:checked:focus, notebook > header tabbar tab.osd:checked:focus, tabbar notebook > header tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.osd:checked:focus, dnd tab.osd:checked:focus image, tabbar tab.osd:checked:focus image, notebook > header tabs > tab.osd:checked:focus image, notebook > header dnd tab.osd:checked:focus image, dnd notebook > header tab.osd:checked:focus image, notebook > header tabbar tab.osd:checked:focus image, tabbar notebook > header tab.osd:checked:focus image, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header > tabs > arrow.osd:checked:focus image, dnd tab.osd:checked:focus arrow, tabbar tab.osd:checked:focus arrow, notebook > header tabs > tab.osd:checked:focus arrow, notebook > header dnd tab.osd:checked:focus arrow, dnd notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tab.osd:checked:focus arrow, tabbar notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header > tabs > arrow.osd:checked:focus arrow, dnd tab.osd:selected:hover, tabbar tab.osd:selected:hover, notebook > header tabs > tab.osd:selected:hover, notebook > header dnd tab.osd:selected:hover, dnd notebook > header tab.osd:selected:hover, notebook > header tabbar tab.osd:selected:hover, tabbar notebook > header tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.osd:selected:hover, dnd tab.osd:selected:hover image, tabbar tab.osd:selected:hover image, notebook > header tabs > tab.osd:selected:hover image, notebook > header dnd tab.osd:selected:hover image, dnd notebook > header tab.osd:selected:hover image, notebook > header tabbar tab.osd:selected:hover image, tabbar notebook > header tab.osd:selected:hover image, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header > tabs > arrow.osd:selected:hover image, dnd tab.osd:selected:hover arrow, tabbar tab.osd:selected:hover arrow, notebook > header tabs > tab.osd:selected:hover arrow, notebook > header dnd tab.osd:selected:hover arrow, dnd notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tab.osd:selected:hover arrow, tabbar notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header > tabs > arrow.osd:selected:hover arrow, dnd tab.osd:selected:focus, tabbar tab.osd:selected:focus, notebook > header tabs > tab.osd:selected:focus, notebook > header dnd tab.osd:selected:focus, dnd notebook > header tab.osd:selected:focus, notebook > header tabbar tab.osd:selected:focus, tabbar notebook > header tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.osd:selected:focus, dnd tab.osd:selected:focus image, tabbar tab.osd:selected:focus image, notebook > header tabs > tab.osd:selected:focus image, notebook > header dnd tab.osd:selected:focus image, dnd notebook > header tab.osd:selected:focus image, notebook > header tabbar tab.osd:selected:focus image, tabbar notebook > header tab.osd:selected:focus image, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header > tabs > arrow.osd:selected:focus image, dnd tab.osd:selected:focus arrow, tabbar tab.osd:selected:focus arrow, notebook > header tabs > tab.osd:selected:focus arrow, notebook > header dnd tab.osd:selected:focus arrow, dnd notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tab.osd:selected:focus arrow, tabbar notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header > tabs > arrow.osd:selected:focus arrow, dnd tab.osd.has-open-popup:hover, tabbar tab.osd.has-open-popup:hover, notebook > header tabs > tab.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.osd.has-open-popup:hover, dnd tab.osd.has-open-popup:hover image, tabbar tab.osd.has-open-popup:hover image, notebook > header tabs > tab.osd.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.osd.has-open-popup:hover image, dnd tab.osd.has-open-popup:hover arrow, tabbar tab.osd.has-open-popup:hover arrow, notebook > header tabs > tab.osd.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.osd.has-open-popup:hover arrow, dnd tab.osd.has-open-popup:focus, tabbar tab.osd.has-open-popup:focus, notebook > header tabs > tab.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.osd.has-open-popup:focus, dnd tab.osd.has-open-popup:focus image, tabbar tab.osd.has-open-popup:focus image, notebook > header tabs > tab.osd.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.osd.has-open-popup:focus image, dnd tab.osd.has-open-popup:focus arrow, tabbar tab.osd.has-open-popup:focus arrow, notebook > header tabs > tab.osd.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.osd.has-open-popup:focus arrow, button.osd:checked:hover, button.osd:checked:hover image, button.osd:checked:hover arrow, button.osd:checked:focus, button.osd:checked:focus image, button.osd:checked:focus arrow, button.osd:selected:hover, button.osd:selected:hover image, button.osd:selected:hover arrow, button.osd:selected:focus, button.osd:selected:focus image, button.osd:selected:focus arrow, button.osd.has-open-popup:hover, button.osd.has-open-popup:hover image, button.osd.has-open-popup:hover arrow, button.osd.has-open-popup:focus, button.osd.has-open-popup:focus image, button.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, button.osd:disabled, button.osd:disabled:checked, button.osd:disabled:selected, button.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd tab.osd.image-button, tabbar tab.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } + +dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, notebook > header tabs > tab.osd.image-button:only-child, notebook > header dnd tab.image-button:only-child, dnd notebook > header tab.image-button:only-child, notebook > header tabbar tab.image-button:only-child, tabbar notebook > header tab.image-button:only-child, notebook > header tabbar tabbox > tabboxchild.image-button:only-child, tabbar notebook > header tabbox > tabboxchild.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: rgba(94, 186, 222, 0.94); background-color: #203d79; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd dnd tab:focus, dnd .osd tab:focus, .osd tabbar tab:focus, tabbar .osd tab:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header tabbar tabbox > tabboxchild:focus, tabbar .osd notebook > header tabbox > tabboxchild:focus, notebook > header .osd tabbar tabbox > tabboxchild:focus, tabbar notebook > header .osd tabbox > tabboxchild:focus, .osd notebook > header > tabs > arrow:focus, .osd button:hover, .osd button:focus { color: rgba(136, 204, 231, 0.94); text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover image, popover.background.touch-selection button:hover image, popover.background.magnifier button:hover image, .app-notification button:hover arrow, popover.background.touch-selection button:hover arrow, popover.background.magnifier button:hover arrow, .app-notification button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, .app-notification button:focus image, popover.background.touch-selection button:focus image, popover.background.magnifier button:focus image, .app-notification button:focus arrow, popover.background.touch-selection button:focus arrow, popover.background.magnifier button:focus arrow, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header dnd tab:hover, dnd .osd notebook > header tab:hover, .osd notebook > header tabbar tab:hover, tabbar .osd notebook > header tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd dnd tab:hover, dnd notebook > header .osd tab:hover, notebook > header .osd tabbar tab:hover, tabbar notebook > header .osd tab:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd dnd tab:hover image, dnd .osd tab:hover image, .osd tabbar tab:hover image, tabbar .osd tab:hover image, .osd notebook > header tabs > tab:hover image, notebook > header .osd tabs > tab:hover image, .osd notebook > header dnd tab:hover image, dnd .osd notebook > header tab:hover image, .osd notebook > header tabbar tab:hover image, tabbar .osd notebook > header tab:hover image, .osd notebook > header tabbar tabbox > tabboxchild:hover image, tabbar .osd notebook > header tabbox > tabboxchild:hover image, notebook > header .osd dnd tab:hover image, dnd notebook > header .osd tab:hover image, notebook > header .osd tabbar tab:hover image, tabbar notebook > header .osd tab:hover image, notebook > header .osd tabbar tabbox > tabboxchild:hover image, tabbar notebook > header .osd tabbox > tabboxchild:hover image, .osd notebook > header > tabs > arrow:hover image, .osd dnd tab:hover arrow, dnd .osd tab:hover arrow, .osd tabbar tab:hover arrow, tabbar .osd tab:hover arrow, .osd notebook > header tabs > tab:hover arrow, notebook > header .osd tabs > tab:hover arrow, .osd notebook > header dnd tab:hover arrow, dnd .osd notebook > header tab:hover arrow, .osd notebook > header tabbar tab:hover arrow, tabbar .osd notebook > header tab:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild:hover arrow, notebook > header .osd dnd tab:hover arrow, dnd notebook > header .osd tab:hover arrow, notebook > header .osd tabbar tab:hover arrow, tabbar notebook > header .osd tab:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild:hover arrow, .osd notebook > header > tabs > arrow:hover arrow, .osd dnd tab:focus, dnd .osd tab:focus, .osd tabbar tab:focus, tabbar .osd tab:focus, .osd notebook > header tabs > tab:focus, notebook > header .osd tabs > tab:focus, .osd notebook > header dnd tab:focus, dnd .osd notebook > header tab:focus, .osd notebook > header tabbar tab:focus, tabbar .osd notebook > header tab:focus, .osd notebook > header tabbar tabbox > tabboxchild:focus, tabbar .osd notebook > header tabbox > tabboxchild:focus, notebook > header .osd dnd tab:focus, dnd notebook > header .osd tab:focus, notebook > header .osd tabbar tab:focus, tabbar notebook > header .osd tab:focus, notebook > header .osd tabbar tabbox > tabboxchild:focus, tabbar notebook > header .osd tabbox > tabboxchild:focus, .osd notebook > header > tabs > arrow:focus, .osd dnd tab:focus image, dnd .osd tab:focus image, .osd tabbar tab:focus image, tabbar .osd tab:focus image, .osd notebook > header tabs > tab:focus image, notebook > header .osd tabs > tab:focus image, .osd notebook > header dnd tab:focus image, dnd .osd notebook > header tab:focus image, .osd notebook > header tabbar tab:focus image, tabbar .osd notebook > header tab:focus image, .osd notebook > header tabbar tabbox > tabboxchild:focus image, tabbar .osd notebook > header tabbox > tabboxchild:focus image, notebook > header .osd dnd tab:focus image, dnd notebook > header .osd tab:focus image, notebook > header .osd tabbar tab:focus image, tabbar notebook > header .osd tab:focus image, notebook > header .osd tabbar tabbox > tabboxchild:focus image, tabbar notebook > header .osd tabbox > tabboxchild:focus image, .osd notebook > header > tabs > arrow:focus image, .osd dnd tab:focus arrow, dnd .osd tab:focus arrow, .osd tabbar tab:focus arrow, tabbar .osd tab:focus arrow, .osd notebook > header tabs > tab:focus arrow, notebook > header .osd tabs > tab:focus arrow, .osd notebook > header dnd tab:focus arrow, dnd .osd notebook > header tab:focus arrow, .osd notebook > header tabbar tab:focus arrow, tabbar .osd notebook > header tab:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild:focus arrow, notebook > header .osd dnd tab:focus arrow, dnd notebook > header .osd tab:focus arrow, notebook > header .osd tabbar tab:focus arrow, tabbar notebook > header .osd tab:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild:focus arrow, .osd notebook > header > tabs > arrow:focus arrow, .osd button:hover, .osd button:hover image, .osd button:hover arrow, .osd button:focus, .osd button:focus image, .osd button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button.keyboard-activating, popover.background.touch-selection button.keyboard-activating, popover.background.magnifier button.keyboard-activating, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab.keyboard-activating, dnd .osd tab.keyboard-activating, .osd tabbar tab.keyboard-activating, tabbar .osd tab.keyboard-activating, .osd notebook > header tabs > tab.keyboard-activating, notebook > header .osd tabs > tab.keyboard-activating, .osd notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar .osd notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header .osd tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header .osd tabbox > tabboxchild.keyboard-activating, .osd notebook > header > tabs > arrow.keyboard-activating, .osd button:active, .osd button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd dnd tab:selected, dnd .osd tab:selected, .osd tabbar tab:selected, tabbar .osd tab:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header tabbar tabbox > tabboxchild:selected, tabbar .osd notebook > header tabbox > tabboxchild:selected, notebook > header .osd tabbar tabbox > tabboxchild:selected, tabbar notebook > header .osd tabbox > tabboxchild:selected, .osd notebook > header > tabs > arrow:selected, .osd dnd tab.has-open-popup, dnd .osd tab.has-open-popup, .osd tabbar tab.has-open-popup, tabbar .osd tab.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd button:checked, .osd button:selected, .osd button.has-open-popup { background-color: #203d79; color: #66cbec; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked image, popover.background.touch-selection button:checked image, popover.background.magnifier button:checked image, .app-notification button:checked arrow, popover.background.touch-selection button:checked arrow, popover.background.magnifier button:checked arrow, .app-notification button:selected, popover.background.touch-selection button:selected, popover.background.magnifier button:selected, .app-notification button:selected image, popover.background.touch-selection button:selected image, popover.background.magnifier button:selected image, .app-notification button:selected arrow, popover.background.touch-selection button:selected arrow, popover.background.magnifier button:selected arrow, .app-notification button.has-open-popup, popover.background.touch-selection button.has-open-popup, popover.background.magnifier button.has-open-popup, .app-notification button.has-open-popup image, popover.background.touch-selection button.has-open-popup image, popover.background.magnifier button.has-open-popup image, .app-notification button.has-open-popup arrow, popover.background.touch-selection button.has-open-popup arrow, popover.background.magnifier button.has-open-popup arrow, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header dnd tab:checked, dnd .osd notebook > header tab:checked, .osd notebook > header tabbar tab:checked, tabbar .osd notebook > header tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd dnd tab:checked, dnd notebook > header .osd tab:checked, notebook > header .osd tabbar tab:checked, tabbar notebook > header .osd tab:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd dnd tab:checked image, dnd .osd tab:checked image, .osd tabbar tab:checked image, tabbar .osd tab:checked image, .osd notebook > header tabs > tab:checked image, notebook > header .osd tabs > tab:checked image, .osd notebook > header dnd tab:checked image, dnd .osd notebook > header tab:checked image, .osd notebook > header tabbar tab:checked image, tabbar .osd notebook > header tab:checked image, .osd notebook > header tabbar tabbox > tabboxchild:checked image, tabbar .osd notebook > header tabbox > tabboxchild:checked image, notebook > header .osd dnd tab:checked image, dnd notebook > header .osd tab:checked image, notebook > header .osd tabbar tab:checked image, tabbar notebook > header .osd tab:checked image, notebook > header .osd tabbar tabbox > tabboxchild:checked image, tabbar notebook > header .osd tabbox > tabboxchild:checked image, .osd notebook > header > tabs > arrow:checked image, .osd dnd tab:checked arrow, dnd .osd tab:checked arrow, .osd tabbar tab:checked arrow, tabbar .osd tab:checked arrow, .osd notebook > header tabs > tab:checked arrow, notebook > header .osd tabs > tab:checked arrow, .osd notebook > header dnd tab:checked arrow, dnd .osd notebook > header tab:checked arrow, .osd notebook > header tabbar tab:checked arrow, tabbar .osd notebook > header tab:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild:checked arrow, notebook > header .osd dnd tab:checked arrow, dnd notebook > header .osd tab:checked arrow, notebook > header .osd tabbar tab:checked arrow, tabbar notebook > header .osd tab:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild:checked arrow, .osd notebook > header > tabs > arrow:checked arrow, .osd dnd tab:selected, dnd .osd tab:selected, .osd tabbar tab:selected, tabbar .osd tab:selected, .osd notebook > header tabs > tab:selected, notebook > header .osd tabs > tab:selected, .osd notebook > header dnd tab:selected, dnd .osd notebook > header tab:selected, .osd notebook > header tabbar tab:selected, tabbar .osd notebook > header tab:selected, .osd notebook > header tabbar tabbox > tabboxchild:selected, tabbar .osd notebook > header tabbox > tabboxchild:selected, notebook > header .osd dnd tab:selected, dnd notebook > header .osd tab:selected, notebook > header .osd tabbar tab:selected, tabbar notebook > header .osd tab:selected, notebook > header .osd tabbar tabbox > tabboxchild:selected, tabbar notebook > header .osd tabbox > tabboxchild:selected, .osd notebook > header > tabs > arrow:selected, .osd dnd tab:selected image, dnd .osd tab:selected image, .osd tabbar tab:selected image, tabbar .osd tab:selected image, .osd notebook > header tabs > tab:selected image, notebook > header .osd tabs > tab:selected image, .osd notebook > header dnd tab:selected image, dnd .osd notebook > header tab:selected image, .osd notebook > header tabbar tab:selected image, tabbar .osd notebook > header tab:selected image, .osd notebook > header tabbar tabbox > tabboxchild:selected image, tabbar .osd notebook > header tabbox > tabboxchild:selected image, notebook > header .osd dnd tab:selected image, dnd notebook > header .osd tab:selected image, notebook > header .osd tabbar tab:selected image, tabbar notebook > header .osd tab:selected image, notebook > header .osd tabbar tabbox > tabboxchild:selected image, tabbar notebook > header .osd tabbox > tabboxchild:selected image, .osd notebook > header > tabs > arrow:selected image, .osd dnd tab:selected arrow, dnd .osd tab:selected arrow, .osd tabbar tab:selected arrow, tabbar .osd tab:selected arrow, .osd notebook > header tabs > tab:selected arrow, notebook > header .osd tabs > tab:selected arrow, .osd notebook > header dnd tab:selected arrow, dnd .osd notebook > header tab:selected arrow, .osd notebook > header tabbar tab:selected arrow, tabbar .osd notebook > header tab:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild:selected arrow, notebook > header .osd dnd tab:selected arrow, dnd notebook > header .osd tab:selected arrow, notebook > header .osd tabbar tab:selected arrow, tabbar notebook > header .osd tab:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild:selected arrow, .osd notebook > header > tabs > arrow:selected arrow, .osd dnd tab.has-open-popup, dnd .osd tab.has-open-popup, .osd tabbar tab.has-open-popup, tabbar .osd tab.has-open-popup, .osd notebook > header tabs > tab.has-open-popup, notebook > header .osd tabs > tab.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.has-open-popup, .osd dnd tab.has-open-popup image, dnd .osd tab.has-open-popup image, .osd tabbar tab.has-open-popup image, tabbar .osd tab.has-open-popup image, .osd notebook > header tabs > tab.has-open-popup image, notebook > header .osd tabs > tab.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd notebook > header > tabs > arrow.has-open-popup image, .osd dnd tab.has-open-popup arrow, dnd .osd tab.has-open-popup arrow, .osd tabbar tab.has-open-popup arrow, tabbar .osd tab.has-open-popup arrow, .osd notebook > header tabs > tab.has-open-popup arrow, notebook > header .osd tabs > tab.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd notebook > header > tabs > arrow.has-open-popup arrow, .osd button:checked, .osd button:checked image, .osd button:checked arrow, .osd button:selected, .osd button:selected image, .osd button:selected arrow, .osd button.has-open-popup, .osd button.has-open-popup image, .osd button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.app-notification button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .osd dnd tab:checked:hover, dnd .osd tab:checked:hover, .osd tabbar tab:checked:hover, tabbar .osd tab:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header dnd tab:checked:hover, dnd .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tab:checked:hover, tabbar .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover, notebook > header .osd dnd tab:checked:hover, dnd notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tab:checked:hover, tabbar notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd dnd tab:checked:focus, dnd .osd tab:checked:focus, .osd tabbar tab:checked:focus, tabbar .osd tab:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header dnd tab:checked:focus, dnd .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tab:checked:focus, tabbar .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus, notebook > header .osd dnd tab:checked:focus, dnd notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tab:checked:focus, tabbar notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd dnd tab:selected:hover, dnd .osd tab:selected:hover, .osd tabbar tab:selected:hover, tabbar .osd tab:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header dnd tab:selected:hover, dnd .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tab:selected:hover, tabbar .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover, notebook > header .osd dnd tab:selected:hover, dnd notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tab:selected:hover, tabbar notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd dnd tab:selected:focus, dnd .osd tab:selected:focus, .osd tabbar tab:selected:focus, tabbar .osd tab:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header dnd tab:selected:focus, dnd .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tab:selected:focus, tabbar .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus, notebook > header .osd dnd tab:selected:focus, dnd notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tab:selected:focus, tabbar notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd dnd tab.has-open-popup:hover, dnd .osd tab.has-open-popup:hover, .osd tabbar tab.has-open-popup:hover, tabbar .osd tab.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd dnd tab.has-open-popup:focus, dnd .osd tab.has-open-popup:focus, .osd tabbar tab.has-open-popup:focus, tabbar .osd tab.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd button:checked:hover, .osd button:checked:focus, .osd button:selected:hover, .osd button:selected:focus, .osd button.has-open-popup:hover, .osd button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.app-notification button:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, .app-notification button:checked:hover image, popover.background.touch-selection button:checked:hover image, popover.background.magnifier button:checked:hover image, .app-notification button:checked:hover arrow, popover.background.touch-selection button:checked:hover arrow, popover.background.magnifier button:checked:hover arrow, .app-notification button:checked:focus, popover.background.touch-selection button:checked:focus, popover.background.magnifier button:checked:focus, .app-notification button:checked:focus image, popover.background.touch-selection button:checked:focus image, popover.background.magnifier button:checked:focus image, .app-notification button:checked:focus arrow, popover.background.touch-selection button:checked:focus arrow, popover.background.magnifier button:checked:focus arrow, .app-notification button:selected:hover, popover.background.touch-selection button:selected:hover, popover.background.magnifier button:selected:hover, .app-notification button:selected:hover image, popover.background.touch-selection button:selected:hover image, popover.background.magnifier button:selected:hover image, .app-notification button:selected:hover arrow, popover.background.touch-selection button:selected:hover arrow, popover.background.magnifier button:selected:hover arrow, .app-notification button:selected:focus, popover.background.touch-selection button:selected:focus, popover.background.magnifier button:selected:focus, .app-notification button:selected:focus image, popover.background.touch-selection button:selected:focus image, popover.background.magnifier button:selected:focus image, .app-notification button:selected:focus arrow, popover.background.touch-selection button:selected:focus arrow, popover.background.magnifier button:selected:focus arrow, .app-notification button.has-open-popup:hover, popover.background.touch-selection button.has-open-popup:hover, popover.background.magnifier button.has-open-popup:hover, .app-notification button.has-open-popup:hover image, popover.background.touch-selection button.has-open-popup:hover image, popover.background.magnifier button.has-open-popup:hover image, .app-notification button.has-open-popup:hover arrow, popover.background.touch-selection button.has-open-popup:hover arrow, popover.background.magnifier button.has-open-popup:hover arrow, .app-notification button.has-open-popup:focus, popover.background.touch-selection button.has-open-popup:focus, popover.background.magnifier button.has-open-popup:focus, .app-notification button.has-open-popup:focus image, popover.background.touch-selection button.has-open-popup:focus image, popover.background.magnifier button.has-open-popup:focus image, .app-notification button.has-open-popup:focus arrow, popover.background.touch-selection button.has-open-popup:focus arrow, popover.background.magnifier button.has-open-popup:focus arrow, .osd dnd tab:checked:hover, dnd .osd tab:checked:hover, .osd tabbar tab:checked:hover, tabbar .osd tab:checked:hover, .osd notebook > header tabs > tab:checked:hover, notebook > header .osd tabs > tab:checked:hover, .osd notebook > header dnd tab:checked:hover, dnd .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tab:checked:hover, tabbar .osd notebook > header tab:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover, notebook > header .osd dnd tab:checked:hover, dnd notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tab:checked:hover, tabbar notebook > header .osd tab:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover, .osd notebook > header > tabs > arrow:checked:hover, .osd dnd tab:checked:hover image, dnd .osd tab:checked:hover image, .osd tabbar tab:checked:hover image, tabbar .osd tab:checked:hover image, .osd notebook > header tabs > tab:checked:hover image, notebook > header .osd tabs > tab:checked:hover image, .osd notebook > header dnd tab:checked:hover image, dnd .osd notebook > header tab:checked:hover image, .osd notebook > header tabbar tab:checked:hover image, tabbar .osd notebook > header tab:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover image, notebook > header .osd dnd tab:checked:hover image, dnd notebook > header .osd tab:checked:hover image, notebook > header .osd tabbar tab:checked:hover image, tabbar notebook > header .osd tab:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover image, .osd notebook > header > tabs > arrow:checked:hover image, .osd dnd tab:checked:hover arrow, dnd .osd tab:checked:hover arrow, .osd tabbar tab:checked:hover arrow, tabbar .osd tab:checked:hover arrow, .osd notebook > header tabs > tab:checked:hover arrow, notebook > header .osd tabs > tab:checked:hover arrow, .osd notebook > header dnd tab:checked:hover arrow, dnd .osd notebook > header tab:checked:hover arrow, .osd notebook > header tabbar tab:checked:hover arrow, tabbar .osd notebook > header tab:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild:checked:hover arrow, notebook > header .osd dnd tab:checked:hover arrow, dnd notebook > header .osd tab:checked:hover arrow, notebook > header .osd tabbar tab:checked:hover arrow, tabbar notebook > header .osd tab:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild:checked:hover arrow, .osd notebook > header > tabs > arrow:checked:hover arrow, .osd dnd tab:checked:focus, dnd .osd tab:checked:focus, .osd tabbar tab:checked:focus, tabbar .osd tab:checked:focus, .osd notebook > header tabs > tab:checked:focus, notebook > header .osd tabs > tab:checked:focus, .osd notebook > header dnd tab:checked:focus, dnd .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tab:checked:focus, tabbar .osd notebook > header tab:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus, notebook > header .osd dnd tab:checked:focus, dnd notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tab:checked:focus, tabbar notebook > header .osd tab:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus, .osd notebook > header > tabs > arrow:checked:focus, .osd dnd tab:checked:focus image, dnd .osd tab:checked:focus image, .osd tabbar tab:checked:focus image, tabbar .osd tab:checked:focus image, .osd notebook > header tabs > tab:checked:focus image, notebook > header .osd tabs > tab:checked:focus image, .osd notebook > header dnd tab:checked:focus image, dnd .osd notebook > header tab:checked:focus image, .osd notebook > header tabbar tab:checked:focus image, tabbar .osd notebook > header tab:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus image, notebook > header .osd dnd tab:checked:focus image, dnd notebook > header .osd tab:checked:focus image, notebook > header .osd tabbar tab:checked:focus image, tabbar notebook > header .osd tab:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus image, .osd notebook > header > tabs > arrow:checked:focus image, .osd dnd tab:checked:focus arrow, dnd .osd tab:checked:focus arrow, .osd tabbar tab:checked:focus arrow, tabbar .osd tab:checked:focus arrow, .osd notebook > header tabs > tab:checked:focus arrow, notebook > header .osd tabs > tab:checked:focus arrow, .osd notebook > header dnd tab:checked:focus arrow, dnd .osd notebook > header tab:checked:focus arrow, .osd notebook > header tabbar tab:checked:focus arrow, tabbar .osd notebook > header tab:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild:checked:focus arrow, notebook > header .osd dnd tab:checked:focus arrow, dnd notebook > header .osd tab:checked:focus arrow, notebook > header .osd tabbar tab:checked:focus arrow, tabbar notebook > header .osd tab:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild:checked:focus arrow, .osd notebook > header > tabs > arrow:checked:focus arrow, .osd dnd tab:selected:hover, dnd .osd tab:selected:hover, .osd tabbar tab:selected:hover, tabbar .osd tab:selected:hover, .osd notebook > header tabs > tab:selected:hover, notebook > header .osd tabs > tab:selected:hover, .osd notebook > header dnd tab:selected:hover, dnd .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tab:selected:hover, tabbar .osd notebook > header tab:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover, notebook > header .osd dnd tab:selected:hover, dnd notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tab:selected:hover, tabbar notebook > header .osd tab:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover, .osd notebook > header > tabs > arrow:selected:hover, .osd dnd tab:selected:hover image, dnd .osd tab:selected:hover image, .osd tabbar tab:selected:hover image, tabbar .osd tab:selected:hover image, .osd notebook > header tabs > tab:selected:hover image, notebook > header .osd tabs > tab:selected:hover image, .osd notebook > header dnd tab:selected:hover image, dnd .osd notebook > header tab:selected:hover image, .osd notebook > header tabbar tab:selected:hover image, tabbar .osd notebook > header tab:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover image, notebook > header .osd dnd tab:selected:hover image, dnd notebook > header .osd tab:selected:hover image, notebook > header .osd tabbar tab:selected:hover image, tabbar notebook > header .osd tab:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover image, .osd notebook > header > tabs > arrow:selected:hover image, .osd dnd tab:selected:hover arrow, dnd .osd tab:selected:hover arrow, .osd tabbar tab:selected:hover arrow, tabbar .osd tab:selected:hover arrow, .osd notebook > header tabs > tab:selected:hover arrow, notebook > header .osd tabs > tab:selected:hover arrow, .osd notebook > header dnd tab:selected:hover arrow, dnd .osd notebook > header tab:selected:hover arrow, .osd notebook > header tabbar tab:selected:hover arrow, tabbar .osd notebook > header tab:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild:selected:hover arrow, notebook > header .osd dnd tab:selected:hover arrow, dnd notebook > header .osd tab:selected:hover arrow, notebook > header .osd tabbar tab:selected:hover arrow, tabbar notebook > header .osd tab:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild:selected:hover arrow, .osd notebook > header > tabs > arrow:selected:hover arrow, .osd dnd tab:selected:focus, dnd .osd tab:selected:focus, .osd tabbar tab:selected:focus, tabbar .osd tab:selected:focus, .osd notebook > header tabs > tab:selected:focus, notebook > header .osd tabs > tab:selected:focus, .osd notebook > header dnd tab:selected:focus, dnd .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tab:selected:focus, tabbar .osd notebook > header tab:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus, notebook > header .osd dnd tab:selected:focus, dnd notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tab:selected:focus, tabbar notebook > header .osd tab:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus, .osd notebook > header > tabs > arrow:selected:focus, .osd dnd tab:selected:focus image, dnd .osd tab:selected:focus image, .osd tabbar tab:selected:focus image, tabbar .osd tab:selected:focus image, .osd notebook > header tabs > tab:selected:focus image, notebook > header .osd tabs > tab:selected:focus image, .osd notebook > header dnd tab:selected:focus image, dnd .osd notebook > header tab:selected:focus image, .osd notebook > header tabbar tab:selected:focus image, tabbar .osd notebook > header tab:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus image, notebook > header .osd dnd tab:selected:focus image, dnd notebook > header .osd tab:selected:focus image, notebook > header .osd tabbar tab:selected:focus image, tabbar notebook > header .osd tab:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus image, .osd notebook > header > tabs > arrow:selected:focus image, .osd dnd tab:selected:focus arrow, dnd .osd tab:selected:focus arrow, .osd tabbar tab:selected:focus arrow, tabbar .osd tab:selected:focus arrow, .osd notebook > header tabs > tab:selected:focus arrow, notebook > header .osd tabs > tab:selected:focus arrow, .osd notebook > header dnd tab:selected:focus arrow, dnd .osd notebook > header tab:selected:focus arrow, .osd notebook > header tabbar tab:selected:focus arrow, tabbar .osd notebook > header tab:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild:selected:focus arrow, notebook > header .osd dnd tab:selected:focus arrow, dnd notebook > header .osd tab:selected:focus arrow, notebook > header .osd tabbar tab:selected:focus arrow, tabbar notebook > header .osd tab:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild:selected:focus arrow, .osd notebook > header > tabs > arrow:selected:focus arrow, .osd dnd tab.has-open-popup:hover, dnd .osd tab.has-open-popup:hover, .osd tabbar tab.has-open-popup:hover, tabbar .osd tab.has-open-popup:hover, .osd notebook > header tabs > tab.has-open-popup:hover, notebook > header .osd tabs > tab.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.has-open-popup:hover, .osd dnd tab.has-open-popup:hover image, dnd .osd tab.has-open-popup:hover image, .osd tabbar tab.has-open-popup:hover image, tabbar .osd tab.has-open-popup:hover image, .osd notebook > header tabs > tab.has-open-popup:hover image, notebook > header .osd tabs > tab.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.has-open-popup:hover image, .osd dnd tab.has-open-popup:hover arrow, dnd .osd tab.has-open-popup:hover arrow, .osd tabbar tab.has-open-popup:hover arrow, tabbar .osd tab.has-open-popup:hover arrow, .osd notebook > header tabs > tab.has-open-popup:hover arrow, notebook > header .osd tabs > tab.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.has-open-popup:hover arrow, .osd dnd tab.has-open-popup:focus, dnd .osd tab.has-open-popup:focus, .osd tabbar tab.has-open-popup:focus, tabbar .osd tab.has-open-popup:focus, .osd notebook > header tabs > tab.has-open-popup:focus, notebook > header .osd tabs > tab.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.has-open-popup:focus, .osd dnd tab.has-open-popup:focus image, dnd .osd tab.has-open-popup:focus image, .osd tabbar tab.has-open-popup:focus image, tabbar .osd tab.has-open-popup:focus image, .osd notebook > header tabs > tab.has-open-popup:focus image, notebook > header .osd tabs > tab.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.has-open-popup:focus image, .osd dnd tab.has-open-popup:focus arrow, dnd .osd tab.has-open-popup:focus arrow, .osd tabbar tab.has-open-popup:focus arrow, tabbar .osd tab.has-open-popup:focus arrow, .osd notebook > header tabs > tab.has-open-popup:focus arrow, notebook > header .osd tabs > tab.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.has-open-popup:focus arrow, .osd button:checked:hover, .osd button:checked:hover image, .osd button:checked:hover arrow, .osd button:checked:focus, .osd button:checked:focus image, .osd button:checked:focus arrow, .osd button:selected:hover, .osd button:selected:hover image, .osd button:selected:hover arrow, .osd button:selected:focus, .osd button:selected:focus image, .osd button:selected:focus arrow, .osd button.has-open-popup:hover, .osd button.has-open-popup:hover image, .osd button.has-open-popup:hover arrow, .osd button.has-open-popup:focus, .osd button.has-open-popup:focus image, .osd button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled, .osd button:disabled:checked, .osd button:disabled:selected, .osd button:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action, button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus, button.suggested-action.osd:hover, button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:hover image, tabbar tab.suggested-action:hover image, notebook > header tabs > tab.suggested-action:hover image, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover image, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover image, notebook > header > tabs > arrow.suggested-action:hover image, dnd tab.suggested-action:hover arrow, tabbar tab.suggested-action:hover arrow, notebook > header tabs > tab.suggested-action:hover arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover arrow, notebook > header > tabs > arrow.suggested-action:hover arrow, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, dnd tab.suggested-action:focus image, tabbar tab.suggested-action:focus image, notebook > header tabs > tab.suggested-action:focus image, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus image, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus image, notebook > header > tabs > arrow.suggested-action:focus image, dnd tab.suggested-action:focus arrow, tabbar tab.suggested-action:focus arrow, notebook > header tabs > tab.suggested-action:focus arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus arrow, notebook > header > tabs > arrow.suggested-action:focus arrow, button.suggested-action:hover, button.suggested-action:hover image, button.suggested-action:hover arrow, button.suggested-action:focus, button.suggested-action:focus image, button.suggested-action:focus arrow, button.suggested-action.osd:hover, button.suggested-action.osd:hover image, button.suggested-action.osd:hover arrow, button.suggested-action.osd:focus, button.suggested-action.osd:focus image, button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, dnd tab.suggested-action.keyboard-activating, tabbar tab.suggested-action.keyboard-activating, notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header dnd tab.keyboard-activating, dnd notebook > header tab.keyboard-activating, notebook > header tabbar tab.keyboard-activating, tabbar notebook > header tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.suggested-action.keyboard-activating, button.suggested-action:active, button.suggested-action.keyboard-activating, button.suggested-action.osd:active, button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, dnd tab.suggested-action:selected, tabbar tab.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, dnd tab.suggested-action.has-open-popup, tabbar tab.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, button.suggested-action:checked, button.suggested-action:selected, button.suggested-action.has-open-popup, button.suggested-action.osd:checked, button.suggested-action.osd:selected, button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header dnd tab.suggested-action:checked, dnd notebook > header tab.suggested-action:checked, notebook > header tabbar tab.suggested-action:checked, tabbar notebook > header tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, dnd tab.suggested-action:checked image, tabbar tab.suggested-action:checked image, notebook > header tabs > tab.suggested-action:checked image, notebook > header dnd tab.suggested-action:checked image, dnd notebook > header tab.suggested-action:checked image, notebook > header tabbar tab.suggested-action:checked image, tabbar notebook > header tab.suggested-action:checked image, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked image, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked image, notebook > header > tabs > arrow.suggested-action:checked image, dnd tab.suggested-action:checked arrow, tabbar tab.suggested-action:checked arrow, notebook > header tabs > tab.suggested-action:checked arrow, notebook > header dnd tab.suggested-action:checked arrow, dnd notebook > header tab.suggested-action:checked arrow, notebook > header tabbar tab.suggested-action:checked arrow, tabbar notebook > header tab.suggested-action:checked arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked arrow, notebook > header > tabs > arrow.suggested-action:checked arrow, dnd tab.suggested-action:selected, tabbar tab.suggested-action:selected, notebook > header tabs > tab.suggested-action:selected, notebook > header dnd tab.suggested-action:selected, dnd notebook > header tab.suggested-action:selected, notebook > header tabbar tab.suggested-action:selected, tabbar notebook > header tab.suggested-action:selected, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header > tabs > arrow.suggested-action:selected, dnd tab.suggested-action:selected image, tabbar tab.suggested-action:selected image, notebook > header tabs > tab.suggested-action:selected image, notebook > header dnd tab.suggested-action:selected image, dnd notebook > header tab.suggested-action:selected image, notebook > header tabbar tab.suggested-action:selected image, tabbar notebook > header tab.suggested-action:selected image, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected image, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected image, notebook > header > tabs > arrow.suggested-action:selected image, dnd tab.suggested-action:selected arrow, tabbar tab.suggested-action:selected arrow, notebook > header tabs > tab.suggested-action:selected arrow, notebook > header dnd tab.suggested-action:selected arrow, dnd notebook > header tab.suggested-action:selected arrow, notebook > header tabbar tab.suggested-action:selected arrow, tabbar notebook > header tab.suggested-action:selected arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected arrow, notebook > header > tabs > arrow.suggested-action:selected arrow, dnd tab.suggested-action.has-open-popup, tabbar tab.suggested-action.has-open-popup, notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.suggested-action.has-open-popup, dnd tab.suggested-action.has-open-popup image, tabbar tab.suggested-action.has-open-popup image, notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.suggested-action.has-open-popup image, dnd tab.suggested-action.has-open-popup arrow, tabbar tab.suggested-action.has-open-popup arrow, notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, dnd tab.suggested-action.osd:checked, tabbar tab.suggested-action.osd:checked, dnd tab.suggested-action.osd:checked image, tabbar tab.suggested-action.osd:checked image, dnd tab.suggested-action.osd:checked arrow, tabbar tab.suggested-action.osd:checked arrow, dnd tab.suggested-action.osd:selected, tabbar tab.suggested-action.osd:selected, dnd tab.suggested-action.osd:selected image, tabbar tab.suggested-action.osd:selected image, dnd tab.suggested-action.osd:selected arrow, tabbar tab.suggested-action.osd:selected arrow, dnd tab.suggested-action.osd.has-open-popup, tabbar tab.suggested-action.osd.has-open-popup, dnd tab.suggested-action.osd.has-open-popup image, tabbar tab.suggested-action.osd.has-open-popup image, dnd tab.suggested-action.osd.has-open-popup arrow, tabbar tab.suggested-action.osd.has-open-popup arrow, button.suggested-action:checked, button.suggested-action:checked image, button.suggested-action:checked arrow, button.suggested-action:selected, button.suggested-action:selected image, button.suggested-action:selected arrow, button.suggested-action.has-open-popup, button.suggested-action.has-open-popup image, button.suggested-action.has-open-popup arrow, button.suggested-action.osd:checked, button.suggested-action.osd:checked image, button.suggested-action.osd:checked arrow, button.suggested-action.osd:selected, button.suggested-action.osd:selected image, button.suggested-action.osd:selected arrow, button.suggested-action.osd.has-open-popup, button.suggested-action.osd.has-open-popup image, button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab.suggested-action:checked:hover, tabbar tab.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, dnd tab.suggested-action:checked:focus, tabbar tab.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, dnd tab.suggested-action:selected:hover, tabbar tab.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, dnd tab.suggested-action:selected:focus, tabbar tab.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, dnd tab.suggested-action.has-open-popup:hover, tabbar tab.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, dnd tab.suggested-action.has-open-popup:focus, tabbar tab.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, button.suggested-action:checked:hover, button.suggested-action:checked:focus, button.suggested-action:selected:hover, button.suggested-action:selected:focus, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:focus, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:focus, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:focus, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +dnd tab.suggested-action:checked:hover, tabbar tab.suggested-action:checked:hover, notebook > header tabs > tab.suggested-action:checked:hover, notebook > header dnd tab.suggested-action:checked:hover, dnd notebook > header tab.suggested-action:checked:hover, notebook > header tabbar tab.suggested-action:checked:hover, tabbar notebook > header tab.suggested-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header > tabs > arrow.suggested-action:checked:hover, columnview.view > header > button.suggested-action:checked:hover, treeview.view > header > button.suggested-action:checked:hover, dnd tab.suggested-action:checked:hover image, tabbar tab.suggested-action:checked:hover image, notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header dnd tab.suggested-action:checked:hover image, dnd notebook > header tab.suggested-action:checked:hover image, notebook > header tabbar tab.suggested-action:checked:hover image, tabbar notebook > header tab.suggested-action:checked:hover image, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover image, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover image, notebook > header > tabs > arrow.suggested-action:checked:hover image, columnview.view > header > button.suggested-action:checked:hover image, treeview.view > header > button.suggested-action:checked:hover image, dnd tab.suggested-action:checked:hover arrow, tabbar tab.suggested-action:checked:hover arrow, notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header dnd tab.suggested-action:checked:hover arrow, dnd notebook > header tab.suggested-action:checked:hover arrow, notebook > header tabbar tab.suggested-action:checked:hover arrow, tabbar notebook > header tab.suggested-action:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:hover arrow, notebook > header > tabs > arrow.suggested-action:checked:hover arrow, columnview.view > header > button.suggested-action:checked:hover arrow, treeview.view > header > button.suggested-action:checked:hover arrow, dnd tab.suggested-action:checked:focus, tabbar tab.suggested-action:checked:focus, notebook > header tabs > tab.suggested-action:checked:focus, notebook > header dnd tab.suggested-action:checked:focus, dnd notebook > header tab.suggested-action:checked:focus, notebook > header tabbar tab.suggested-action:checked:focus, tabbar notebook > header tab.suggested-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header > tabs > arrow.suggested-action:checked:focus, columnview.view > header > button.suggested-action:checked:focus, treeview.view > header > button.suggested-action:checked:focus, dnd tab.suggested-action:checked:focus image, tabbar tab.suggested-action:checked:focus image, notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header dnd tab.suggested-action:checked:focus image, dnd notebook > header tab.suggested-action:checked:focus image, notebook > header tabbar tab.suggested-action:checked:focus image, tabbar notebook > header tab.suggested-action:checked:focus image, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus image, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus image, notebook > header > tabs > arrow.suggested-action:checked:focus image, columnview.view > header > button.suggested-action:checked:focus image, treeview.view > header > button.suggested-action:checked:focus image, dnd tab.suggested-action:checked:focus arrow, tabbar tab.suggested-action:checked:focus arrow, notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header dnd tab.suggested-action:checked:focus arrow, dnd notebook > header tab.suggested-action:checked:focus arrow, notebook > header tabbar tab.suggested-action:checked:focus arrow, tabbar notebook > header tab.suggested-action:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked:focus arrow, notebook > header > tabs > arrow.suggested-action:checked:focus arrow, columnview.view > header > button.suggested-action:checked:focus arrow, treeview.view > header > button.suggested-action:checked:focus arrow, dnd tab.suggested-action:selected:hover, tabbar tab.suggested-action:selected:hover, notebook > header tabs > tab.suggested-action:selected:hover, notebook > header dnd tab.suggested-action:selected:hover, dnd notebook > header tab.suggested-action:selected:hover, notebook > header tabbar tab.suggested-action:selected:hover, tabbar notebook > header tab.suggested-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header > tabs > arrow.suggested-action:selected:hover, columnview.view > header > button.suggested-action:selected:hover, treeview.view > header > button.suggested-action:selected:hover, dnd tab.suggested-action:selected:hover image, tabbar tab.suggested-action:selected:hover image, notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header dnd tab.suggested-action:selected:hover image, dnd notebook > header tab.suggested-action:selected:hover image, notebook > header tabbar tab.suggested-action:selected:hover image, tabbar notebook > header tab.suggested-action:selected:hover image, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover image, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover image, notebook > header > tabs > arrow.suggested-action:selected:hover image, columnview.view > header > button.suggested-action:selected:hover image, treeview.view > header > button.suggested-action:selected:hover image, dnd tab.suggested-action:selected:hover arrow, tabbar tab.suggested-action:selected:hover arrow, notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header dnd tab.suggested-action:selected:hover arrow, dnd notebook > header tab.suggested-action:selected:hover arrow, notebook > header tabbar tab.suggested-action:selected:hover arrow, tabbar notebook > header tab.suggested-action:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:hover arrow, notebook > header > tabs > arrow.suggested-action:selected:hover arrow, columnview.view > header > button.suggested-action:selected:hover arrow, treeview.view > header > button.suggested-action:selected:hover arrow, dnd tab.suggested-action:selected:focus, tabbar tab.suggested-action:selected:focus, notebook > header tabs > tab.suggested-action:selected:focus, notebook > header dnd tab.suggested-action:selected:focus, dnd notebook > header tab.suggested-action:selected:focus, notebook > header tabbar tab.suggested-action:selected:focus, tabbar notebook > header tab.suggested-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header > tabs > arrow.suggested-action:selected:focus, columnview.view > header > button.suggested-action:selected:focus, treeview.view > header > button.suggested-action:selected:focus, dnd tab.suggested-action:selected:focus image, tabbar tab.suggested-action:selected:focus image, notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header dnd tab.suggested-action:selected:focus image, dnd notebook > header tab.suggested-action:selected:focus image, notebook > header tabbar tab.suggested-action:selected:focus image, tabbar notebook > header tab.suggested-action:selected:focus image, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus image, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus image, notebook > header > tabs > arrow.suggested-action:selected:focus image, columnview.view > header > button.suggested-action:selected:focus image, treeview.view > header > button.suggested-action:selected:focus image, dnd tab.suggested-action:selected:focus arrow, tabbar tab.suggested-action:selected:focus arrow, notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header dnd tab.suggested-action:selected:focus arrow, dnd notebook > header tab.suggested-action:selected:focus arrow, notebook > header tabbar tab.suggested-action:selected:focus arrow, tabbar notebook > header tab.suggested-action:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.suggested-action:selected:focus arrow, notebook > header > tabs > arrow.suggested-action:selected:focus arrow, columnview.view > header > button.suggested-action:selected:focus arrow, treeview.view > header > button.suggested-action:selected:focus arrow, dnd tab.suggested-action.has-open-popup:hover, tabbar tab.suggested-action.has-open-popup:hover, notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, columnview.view > header > button.suggested-action.has-open-popup:hover, treeview.view > header > button.suggested-action.has-open-popup:hover, dnd tab.suggested-action.has-open-popup:hover image, tabbar tab.suggested-action.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, columnview.view > header > button.suggested-action.has-open-popup:hover image, treeview.view > header > button.suggested-action.has-open-popup:hover image, dnd tab.suggested-action.has-open-popup:hover arrow, tabbar tab.suggested-action.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, columnview.view > header > button.suggested-action.has-open-popup:hover arrow, treeview.view > header > button.suggested-action.has-open-popup:hover arrow, dnd tab.suggested-action.has-open-popup:focus, tabbar tab.suggested-action.has-open-popup:focus, notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, columnview.view > header > button.suggested-action.has-open-popup:focus, treeview.view > header > button.suggested-action.has-open-popup:focus, dnd tab.suggested-action.has-open-popup:focus image, tabbar tab.suggested-action.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, columnview.view > header > button.suggested-action.has-open-popup:focus image, treeview.view > header > button.suggested-action.has-open-popup:focus image, dnd tab.suggested-action.has-open-popup:focus arrow, tabbar tab.suggested-action.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, columnview.view > header > button.suggested-action.has-open-popup:focus arrow, treeview.view > header > button.suggested-action.has-open-popup:focus arrow, dnd tab.suggested-action.osd:checked:hover, tabbar tab.suggested-action.osd:checked:hover, notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header dnd tab.osd:checked:hover, dnd notebook > header tab.osd:checked:hover, notebook > header tabbar tab.osd:checked:hover, tabbar notebook > header tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.suggested-action.osd:checked:hover, columnview.view > header > button.suggested-action.osd:checked:hover, treeview.view > header > button.suggested-action.osd:checked:hover, dnd tab.suggested-action.osd:checked:hover image, tabbar tab.suggested-action.osd:checked:hover image, notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header dnd tab.osd:checked:hover image, dnd notebook > header tab.osd:checked:hover image, notebook > header tabbar tab.osd:checked:hover image, tabbar notebook > header tab.osd:checked:hover image, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, columnview.view > header > button.suggested-action.osd:checked:hover image, treeview.view > header > button.suggested-action.osd:checked:hover image, dnd tab.suggested-action.osd:checked:hover arrow, tabbar tab.suggested-action.osd:checked:hover arrow, notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header dnd tab.osd:checked:hover arrow, dnd notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tab.osd:checked:hover arrow, tabbar notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, columnview.view > header > button.suggested-action.osd:checked:hover arrow, treeview.view > header > button.suggested-action.osd:checked:hover arrow, dnd tab.suggested-action.osd:checked:focus, tabbar tab.suggested-action.osd:checked:focus, notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header dnd tab.osd:checked:focus, dnd notebook > header tab.osd:checked:focus, notebook > header tabbar tab.osd:checked:focus, tabbar notebook > header tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.suggested-action.osd:checked:focus, columnview.view > header > button.suggested-action.osd:checked:focus, treeview.view > header > button.suggested-action.osd:checked:focus, dnd tab.suggested-action.osd:checked:focus image, tabbar tab.suggested-action.osd:checked:focus image, notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header dnd tab.osd:checked:focus image, dnd notebook > header tab.osd:checked:focus image, notebook > header tabbar tab.osd:checked:focus image, tabbar notebook > header tab.osd:checked:focus image, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, columnview.view > header > button.suggested-action.osd:checked:focus image, treeview.view > header > button.suggested-action.osd:checked:focus image, dnd tab.suggested-action.osd:checked:focus arrow, tabbar tab.suggested-action.osd:checked:focus arrow, notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header dnd tab.osd:checked:focus arrow, dnd notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tab.osd:checked:focus arrow, tabbar notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, columnview.view > header > button.suggested-action.osd:checked:focus arrow, treeview.view > header > button.suggested-action.osd:checked:focus arrow, dnd tab.suggested-action.osd:selected:hover, tabbar tab.suggested-action.osd:selected:hover, notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header dnd tab.osd:selected:hover, dnd notebook > header tab.osd:selected:hover, notebook > header tabbar tab.osd:selected:hover, tabbar notebook > header tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.suggested-action.osd:selected:hover, columnview.view > header > button.suggested-action.osd:selected:hover, treeview.view > header > button.suggested-action.osd:selected:hover, dnd tab.suggested-action.osd:selected:hover image, tabbar tab.suggested-action.osd:selected:hover image, notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header dnd tab.osd:selected:hover image, dnd notebook > header tab.osd:selected:hover image, notebook > header tabbar tab.osd:selected:hover image, tabbar notebook > header tab.osd:selected:hover image, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, columnview.view > header > button.suggested-action.osd:selected:hover image, treeview.view > header > button.suggested-action.osd:selected:hover image, dnd tab.suggested-action.osd:selected:hover arrow, tabbar tab.suggested-action.osd:selected:hover arrow, notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header dnd tab.osd:selected:hover arrow, dnd notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tab.osd:selected:hover arrow, tabbar notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, columnview.view > header > button.suggested-action.osd:selected:hover arrow, treeview.view > header > button.suggested-action.osd:selected:hover arrow, dnd tab.suggested-action.osd:selected:focus, tabbar tab.suggested-action.osd:selected:focus, notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header dnd tab.osd:selected:focus, dnd notebook > header tab.osd:selected:focus, notebook > header tabbar tab.osd:selected:focus, tabbar notebook > header tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.suggested-action.osd:selected:focus, columnview.view > header > button.suggested-action.osd:selected:focus, treeview.view > header > button.suggested-action.osd:selected:focus, dnd tab.suggested-action.osd:selected:focus image, tabbar tab.suggested-action.osd:selected:focus image, notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header dnd tab.osd:selected:focus image, dnd notebook > header tab.osd:selected:focus image, notebook > header tabbar tab.osd:selected:focus image, tabbar notebook > header tab.osd:selected:focus image, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, columnview.view > header > button.suggested-action.osd:selected:focus image, treeview.view > header > button.suggested-action.osd:selected:focus image, dnd tab.suggested-action.osd:selected:focus arrow, tabbar tab.suggested-action.osd:selected:focus arrow, notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header dnd tab.osd:selected:focus arrow, dnd notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tab.osd:selected:focus arrow, tabbar notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, columnview.view > header > button.suggested-action.osd:selected:focus arrow, treeview.view > header > button.suggested-action.osd:selected:focus arrow, dnd tab.suggested-action.osd.has-open-popup:hover, tabbar tab.suggested-action.osd.has-open-popup:hover, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, columnview.view > header > button.suggested-action.osd.has-open-popup:hover, treeview.view > header > button.suggested-action.osd.has-open-popup:hover, dnd tab.suggested-action.osd.has-open-popup:hover image, tabbar tab.suggested-action.osd.has-open-popup:hover image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, columnview.view > header > button.suggested-action.osd.has-open-popup:hover image, treeview.view > header > button.suggested-action.osd.has-open-popup:hover image, dnd tab.suggested-action.osd.has-open-popup:hover arrow, tabbar tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, columnview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, treeview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, dnd tab.suggested-action.osd.has-open-popup:focus, tabbar tab.suggested-action.osd.has-open-popup:focus, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, columnview.view > header > button.suggested-action.osd.has-open-popup:focus, treeview.view > header > button.suggested-action.osd.has-open-popup:focus, dnd tab.suggested-action.osd.has-open-popup:focus image, tabbar tab.suggested-action.osd.has-open-popup:focus image, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, columnview.view > header > button.suggested-action.osd.has-open-popup:focus image, treeview.view > header > button.suggested-action.osd.has-open-popup:focus image, dnd tab.suggested-action.osd.has-open-popup:focus arrow, tabbar tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, columnview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, treeview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, button.suggested-action:checked:hover, button.suggested-action:checked:hover image, button.suggested-action:checked:hover arrow, button.suggested-action:checked:focus, button.suggested-action:checked:focus image, button.suggested-action:checked:focus arrow, button.suggested-action:selected:hover, button.suggested-action:selected:hover image, button.suggested-action:selected:hover arrow, button.suggested-action:selected:focus, button.suggested-action:selected:focus image, button.suggested-action:selected:focus arrow, button.suggested-action.has-open-popup:hover, button.suggested-action.has-open-popup:hover image, button.suggested-action.has-open-popup:hover arrow, button.suggested-action.has-open-popup:focus, button.suggested-action.has-open-popup:focus image, button.suggested-action.has-open-popup:focus arrow, button.suggested-action.osd:checked:hover, button.suggested-action.osd:checked:hover image, button.suggested-action.osd:checked:hover arrow, button.suggested-action.osd:checked:focus, button.suggested-action.osd:checked:focus image, button.suggested-action.osd:checked:focus arrow, button.suggested-action.osd:selected:hover, button.suggested-action.osd:selected:hover image, button.suggested-action.osd:selected:hover arrow, button.suggested-action.osd:selected:focus, button.suggested-action.osd:selected:focus image, button.suggested-action.osd:selected:focus arrow, button.suggested-action.osd.has-open-popup:hover, button.suggested-action.osd.has-open-popup:hover image, button.suggested-action.osd.has-open-popup:hover arrow, button.suggested-action.osd.has-open-popup:focus, button.suggested-action.osd.has-open-popup:focus image, button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab.suggested-action:disabled, tabbar tab.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled, button.suggested-action:disabled:checked, button.suggested-action:disabled:selected, button.suggested-action:disabled.has-open-popup, button.suggested-action.osd:disabled, button.suggested-action.osd:disabled:checked, button.suggested-action.osd:disabled:selected, button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd dnd tab.suggested-action, dnd .osd tab.suggested-action, .osd tabbar tab.suggested-action, tabbar .osd tab.suggested-action, .osd notebook > header tabs > tab.suggested-action, notebook > header .osd tabs > tab.suggested-action, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action, .osd notebook > header > tabs > arrow.suggested-action, .osd button.suggested-action, .osd button.suggested-action.osd { color: #EDF0F5; background-color: #419065; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.35),0.15), alpha(rgba(255, 255, 255, 0.35),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd dnd tab.suggested-action:focus, dnd .osd tab.suggested-action:focus, .osd tabbar tab.suggested-action:focus, tabbar .osd tab.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd button.suggested-action:hover, .osd button.suggested-action:focus, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header dnd tab.suggested-action:hover, dnd .osd notebook > header tab.suggested-action:hover, .osd notebook > header tabbar tab.suggested-action:hover, tabbar .osd notebook > header tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd dnd tab.suggested-action:hover, dnd notebook > header .osd tab.suggested-action:hover, notebook > header .osd tabbar tab.suggested-action:hover, tabbar notebook > header .osd tab.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd dnd tab.suggested-action:hover image, dnd .osd tab.suggested-action:hover image, .osd tabbar tab.suggested-action:hover image, tabbar .osd tab.suggested-action:hover image, .osd notebook > header tabs > tab.suggested-action:hover image, notebook > header .osd tabs > tab.suggested-action:hover image, .osd notebook > header dnd tab.suggested-action:hover image, dnd .osd notebook > header tab.suggested-action:hover image, .osd notebook > header tabbar tab.suggested-action:hover image, tabbar .osd notebook > header tab.suggested-action:hover image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover image, notebook > header .osd dnd tab.suggested-action:hover image, dnd notebook > header .osd tab.suggested-action:hover image, notebook > header .osd tabbar tab.suggested-action:hover image, tabbar notebook > header .osd tab.suggested-action:hover image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover image, .osd notebook > header > tabs > arrow.suggested-action:hover image, .osd dnd tab.suggested-action:hover arrow, dnd .osd tab.suggested-action:hover arrow, .osd tabbar tab.suggested-action:hover arrow, tabbar .osd tab.suggested-action:hover arrow, .osd notebook > header tabs > tab.suggested-action:hover arrow, notebook > header .osd tabs > tab.suggested-action:hover arrow, .osd notebook > header dnd tab.suggested-action:hover arrow, dnd .osd notebook > header tab.suggested-action:hover arrow, .osd notebook > header tabbar tab.suggested-action:hover arrow, tabbar .osd notebook > header tab.suggested-action:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover arrow, notebook > header .osd dnd tab.suggested-action:hover arrow, dnd notebook > header .osd tab.suggested-action:hover arrow, notebook > header .osd tabbar tab.suggested-action:hover arrow, tabbar notebook > header .osd tab.suggested-action:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:hover arrow, .osd dnd tab.suggested-action:focus, dnd .osd tab.suggested-action:focus, .osd tabbar tab.suggested-action:focus, tabbar .osd tab.suggested-action:focus, .osd notebook > header tabs > tab.suggested-action:focus, notebook > header .osd tabs > tab.suggested-action:focus, .osd notebook > header dnd tab.suggested-action:focus, dnd .osd notebook > header tab.suggested-action:focus, .osd notebook > header tabbar tab.suggested-action:focus, tabbar .osd notebook > header tab.suggested-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header .osd dnd tab.suggested-action:focus, dnd notebook > header .osd tab.suggested-action:focus, notebook > header .osd tabbar tab.suggested-action:focus, tabbar notebook > header .osd tab.suggested-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus, .osd notebook > header > tabs > arrow.suggested-action:focus, .osd dnd tab.suggested-action:focus image, dnd .osd tab.suggested-action:focus image, .osd tabbar tab.suggested-action:focus image, tabbar .osd tab.suggested-action:focus image, .osd notebook > header tabs > tab.suggested-action:focus image, notebook > header .osd tabs > tab.suggested-action:focus image, .osd notebook > header dnd tab.suggested-action:focus image, dnd .osd notebook > header tab.suggested-action:focus image, .osd notebook > header tabbar tab.suggested-action:focus image, tabbar .osd notebook > header tab.suggested-action:focus image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus image, notebook > header .osd dnd tab.suggested-action:focus image, dnd notebook > header .osd tab.suggested-action:focus image, notebook > header .osd tabbar tab.suggested-action:focus image, tabbar notebook > header .osd tab.suggested-action:focus image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus image, .osd notebook > header > tabs > arrow.suggested-action:focus image, .osd dnd tab.suggested-action:focus arrow, dnd .osd tab.suggested-action:focus arrow, .osd tabbar tab.suggested-action:focus arrow, tabbar .osd tab.suggested-action:focus arrow, .osd notebook > header tabs > tab.suggested-action:focus arrow, notebook > header .osd tabs > tab.suggested-action:focus arrow, .osd notebook > header dnd tab.suggested-action:focus arrow, dnd .osd notebook > header tab.suggested-action:focus arrow, .osd notebook > header tabbar tab.suggested-action:focus arrow, tabbar .osd notebook > header tab.suggested-action:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:focus arrow, notebook > header .osd dnd tab.suggested-action:focus arrow, dnd notebook > header .osd tab.suggested-action:focus arrow, notebook > header .osd tabbar tab.suggested-action:focus arrow, tabbar notebook > header .osd tab.suggested-action:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:focus arrow, .osd dnd tab.suggested-action.osd:hover, dnd .osd tab.suggested-action.osd:hover, .osd tabbar tab.suggested-action.osd:hover, tabbar .osd tab.suggested-action.osd:hover, .osd dnd tab.suggested-action.osd:hover image, dnd .osd tab.suggested-action.osd:hover image, .osd tabbar tab.suggested-action.osd:hover image, tabbar .osd tab.suggested-action.osd:hover image, .osd dnd tab.suggested-action.osd:hover arrow, dnd .osd tab.suggested-action.osd:hover arrow, .osd tabbar tab.suggested-action.osd:hover arrow, tabbar .osd tab.suggested-action.osd:hover arrow, .osd dnd tab.suggested-action.osd:focus, dnd .osd tab.suggested-action.osd:focus, .osd tabbar tab.suggested-action.osd:focus, tabbar .osd tab.suggested-action.osd:focus, .osd dnd tab.suggested-action.osd:focus image, dnd .osd tab.suggested-action.osd:focus image, .osd tabbar tab.suggested-action.osd:focus image, tabbar .osd tab.suggested-action.osd:focus image, .osd dnd tab.suggested-action.osd:focus arrow, dnd .osd tab.suggested-action.osd:focus arrow, .osd tabbar tab.suggested-action.osd:focus arrow, tabbar .osd tab.suggested-action.osd:focus arrow, .osd button.suggested-action:hover, .osd button.suggested-action:hover image, .osd button.suggested-action:hover arrow, .osd button.suggested-action:focus, .osd button.suggested-action:focus image, .osd button.suggested-action:focus arrow, .osd button.suggested-action.osd:hover, .osd button.suggested-action.osd:hover image, .osd button.suggested-action.osd:hover arrow, .osd button.suggested-action.osd:focus, .osd button.suggested-action.osd:focus image, .osd button.suggested-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action.keyboard-activating, dnd .osd tab.suggested-action.keyboard-activating, .osd tabbar tab.suggested-action.keyboard-activating, tabbar .osd tab.suggested-action.keyboard-activating, .osd notebook > header tabs > tab.suggested-action.keyboard-activating, notebook > header .osd tabs > tab.suggested-action.keyboard-activating, .osd notebook > header dnd tab.keyboard-activating, dnd .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tab.keyboard-activating, tabbar .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar .osd notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header .osd dnd tab.keyboard-activating, dnd notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tab.keyboard-activating, tabbar notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header .osd tabbox > tabboxchild.keyboard-activating, .osd notebook > header > tabs > arrow.suggested-action.keyboard-activating, .osd button.suggested-action:active, .osd button.suggested-action.keyboard-activating, .osd button.suggested-action.osd:active, .osd button.suggested-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd dnd tab.suggested-action:selected, dnd .osd tab.suggested-action:selected, .osd tabbar tab.suggested-action:selected, tabbar .osd tab.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd dnd tab.suggested-action.has-open-popup, dnd .osd tab.suggested-action.has-open-popup, .osd tabbar tab.suggested-action.has-open-popup, tabbar .osd tab.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd button.suggested-action:checked, .osd button.suggested-action:selected, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header dnd tab.suggested-action:checked, dnd .osd notebook > header tab.suggested-action:checked, .osd notebook > header tabbar tab.suggested-action:checked, tabbar .osd notebook > header tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd dnd tab.suggested-action:checked, dnd notebook > header .osd tab.suggested-action:checked, notebook > header .osd tabbar tab.suggested-action:checked, tabbar notebook > header .osd tab.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd dnd tab.suggested-action:checked image, dnd .osd tab.suggested-action:checked image, .osd tabbar tab.suggested-action:checked image, tabbar .osd tab.suggested-action:checked image, .osd notebook > header tabs > tab.suggested-action:checked image, notebook > header .osd tabs > tab.suggested-action:checked image, .osd notebook > header dnd tab.suggested-action:checked image, dnd .osd notebook > header tab.suggested-action:checked image, .osd notebook > header tabbar tab.suggested-action:checked image, tabbar .osd notebook > header tab.suggested-action:checked image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked image, notebook > header .osd dnd tab.suggested-action:checked image, dnd notebook > header .osd tab.suggested-action:checked image, notebook > header .osd tabbar tab.suggested-action:checked image, tabbar notebook > header .osd tab.suggested-action:checked image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked image, .osd notebook > header > tabs > arrow.suggested-action:checked image, .osd dnd tab.suggested-action:checked arrow, dnd .osd tab.suggested-action:checked arrow, .osd tabbar tab.suggested-action:checked arrow, tabbar .osd tab.suggested-action:checked arrow, .osd notebook > header tabs > tab.suggested-action:checked arrow, notebook > header .osd tabs > tab.suggested-action:checked arrow, .osd notebook > header dnd tab.suggested-action:checked arrow, dnd .osd notebook > header tab.suggested-action:checked arrow, .osd notebook > header tabbar tab.suggested-action:checked arrow, tabbar .osd notebook > header tab.suggested-action:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked arrow, notebook > header .osd dnd tab.suggested-action:checked arrow, dnd notebook > header .osd tab.suggested-action:checked arrow, notebook > header .osd tabbar tab.suggested-action:checked arrow, tabbar notebook > header .osd tab.suggested-action:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked arrow, .osd notebook > header > tabs > arrow.suggested-action:checked arrow, .osd dnd tab.suggested-action:selected, dnd .osd tab.suggested-action:selected, .osd tabbar tab.suggested-action:selected, tabbar .osd tab.suggested-action:selected, .osd notebook > header tabs > tab.suggested-action:selected, notebook > header .osd tabs > tab.suggested-action:selected, .osd notebook > header dnd tab.suggested-action:selected, dnd .osd notebook > header tab.suggested-action:selected, .osd notebook > header tabbar tab.suggested-action:selected, tabbar .osd notebook > header tab.suggested-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected, notebook > header .osd dnd tab.suggested-action:selected, dnd notebook > header .osd tab.suggested-action:selected, notebook > header .osd tabbar tab.suggested-action:selected, tabbar notebook > header .osd tab.suggested-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected, .osd notebook > header > tabs > arrow.suggested-action:selected, .osd dnd tab.suggested-action:selected image, dnd .osd tab.suggested-action:selected image, .osd tabbar tab.suggested-action:selected image, tabbar .osd tab.suggested-action:selected image, .osd notebook > header tabs > tab.suggested-action:selected image, notebook > header .osd tabs > tab.suggested-action:selected image, .osd notebook > header dnd tab.suggested-action:selected image, dnd .osd notebook > header tab.suggested-action:selected image, .osd notebook > header tabbar tab.suggested-action:selected image, tabbar .osd notebook > header tab.suggested-action:selected image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected image, notebook > header .osd dnd tab.suggested-action:selected image, dnd notebook > header .osd tab.suggested-action:selected image, notebook > header .osd tabbar tab.suggested-action:selected image, tabbar notebook > header .osd tab.suggested-action:selected image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected image, .osd notebook > header > tabs > arrow.suggested-action:selected image, .osd dnd tab.suggested-action:selected arrow, dnd .osd tab.suggested-action:selected arrow, .osd tabbar tab.suggested-action:selected arrow, tabbar .osd tab.suggested-action:selected arrow, .osd notebook > header tabs > tab.suggested-action:selected arrow, notebook > header .osd tabs > tab.suggested-action:selected arrow, .osd notebook > header dnd tab.suggested-action:selected arrow, dnd .osd notebook > header tab.suggested-action:selected arrow, .osd notebook > header tabbar tab.suggested-action:selected arrow, tabbar .osd notebook > header tab.suggested-action:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected arrow, notebook > header .osd dnd tab.suggested-action:selected arrow, dnd notebook > header .osd tab.suggested-action:selected arrow, notebook > header .osd tabbar tab.suggested-action:selected arrow, tabbar notebook > header .osd tab.suggested-action:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected arrow, .osd notebook > header > tabs > arrow.suggested-action:selected arrow, .osd dnd tab.suggested-action.has-open-popup, dnd .osd tab.suggested-action.has-open-popup, .osd tabbar tab.suggested-action.has-open-popup, tabbar .osd tab.suggested-action.has-open-popup, .osd notebook > header tabs > tab.suggested-action.has-open-popup, notebook > header .osd tabs > tab.suggested-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup, .osd dnd tab.suggested-action.has-open-popup image, dnd .osd tab.suggested-action.has-open-popup image, .osd tabbar tab.suggested-action.has-open-popup image, tabbar .osd tab.suggested-action.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup image, .osd dnd tab.suggested-action.has-open-popup arrow, dnd .osd tab.suggested-action.has-open-popup arrow, .osd tabbar tab.suggested-action.has-open-popup arrow, tabbar .osd tab.suggested-action.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup arrow, .osd dnd tab.suggested-action.osd:checked, dnd .osd tab.suggested-action.osd:checked, .osd tabbar tab.suggested-action.osd:checked, tabbar .osd tab.suggested-action.osd:checked, .osd notebook > header tabs > tab.suggested-action.osd:checked, notebook > header .osd tabs > tab.suggested-action.osd:checked, .osd notebook > header dnd tab.osd:checked, dnd .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tab.osd:checked, tabbar .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked, notebook > header .osd dnd tab.osd:checked, dnd notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tab.osd:checked, tabbar notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked, .osd dnd tab.suggested-action.osd:checked image, dnd .osd tab.suggested-action.osd:checked image, .osd tabbar tab.suggested-action.osd:checked image, tabbar .osd tab.suggested-action.osd:checked image, .osd notebook > header tabs > tab.suggested-action.osd:checked image, notebook > header .osd tabs > tab.suggested-action.osd:checked image, .osd notebook > header dnd tab.osd:checked image, dnd .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tab.osd:checked image, tabbar .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked image, notebook > header .osd dnd tab.osd:checked image, dnd notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tab.osd:checked image, tabbar notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked image, .osd dnd tab.suggested-action.osd:checked arrow, dnd .osd tab.suggested-action.osd:checked arrow, .osd tabbar tab.suggested-action.osd:checked arrow, tabbar .osd tab.suggested-action.osd:checked arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked arrow, .osd notebook > header dnd tab.osd:checked arrow, dnd .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tab.osd:checked arrow, tabbar .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked arrow, notebook > header .osd dnd tab.osd:checked arrow, dnd notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tab.osd:checked arrow, tabbar notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked arrow, .osd dnd tab.suggested-action.osd:selected, dnd .osd tab.suggested-action.osd:selected, .osd tabbar tab.suggested-action.osd:selected, tabbar .osd tab.suggested-action.osd:selected, .osd notebook > header tabs > tab.suggested-action.osd:selected, notebook > header .osd tabs > tab.suggested-action.osd:selected, .osd notebook > header dnd tab.osd:selected, dnd .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tab.osd:selected, tabbar .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected, notebook > header .osd dnd tab.osd:selected, dnd notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tab.osd:selected, tabbar notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected, .osd dnd tab.suggested-action.osd:selected image, dnd .osd tab.suggested-action.osd:selected image, .osd tabbar tab.suggested-action.osd:selected image, tabbar .osd tab.suggested-action.osd:selected image, .osd notebook > header tabs > tab.suggested-action.osd:selected image, notebook > header .osd tabs > tab.suggested-action.osd:selected image, .osd notebook > header dnd tab.osd:selected image, dnd .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tab.osd:selected image, tabbar .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected image, notebook > header .osd dnd tab.osd:selected image, dnd notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tab.osd:selected image, tabbar notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected image, .osd dnd tab.suggested-action.osd:selected arrow, dnd .osd tab.suggested-action.osd:selected arrow, .osd tabbar tab.suggested-action.osd:selected arrow, tabbar .osd tab.suggested-action.osd:selected arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected arrow, .osd notebook > header dnd tab.osd:selected arrow, dnd .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tab.osd:selected arrow, tabbar .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected arrow, notebook > header .osd dnd tab.osd:selected arrow, dnd notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tab.osd:selected arrow, tabbar notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected arrow, .osd dnd tab.suggested-action.osd.has-open-popup, dnd .osd tab.suggested-action.osd.has-open-popup, .osd tabbar tab.suggested-action.osd.has-open-popup, tabbar .osd tab.suggested-action.osd.has-open-popup, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd dnd tab.suggested-action.osd.has-open-popup image, dnd .osd tab.suggested-action.osd.has-open-popup image, .osd tabbar tab.suggested-action.osd.has-open-popup image, tabbar .osd tab.suggested-action.osd.has-open-popup image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd dnd tab.suggested-action.osd.has-open-popup arrow, dnd .osd tab.suggested-action.osd.has-open-popup arrow, .osd tabbar tab.suggested-action.osd.has-open-popup arrow, tabbar .osd tab.suggested-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd button.suggested-action:checked, .osd button.suggested-action:checked image, .osd button.suggested-action:checked arrow, .osd button.suggested-action:selected, .osd button.suggested-action:selected image, .osd button.suggested-action:selected arrow, .osd button.suggested-action.has-open-popup, .osd button.suggested-action.has-open-popup image, .osd button.suggested-action.has-open-popup arrow, .osd button.suggested-action.osd:checked, .osd button.suggested-action.osd:checked image, .osd button.suggested-action.osd:checked arrow, .osd button.suggested-action.osd:selected, .osd button.suggested-action.osd:selected image, .osd button.suggested-action.osd:selected arrow, .osd button.suggested-action.osd.has-open-popup, .osd button.suggested-action.osd.has-open-popup image, .osd button.suggested-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd dnd tab.suggested-action:checked:hover, dnd .osd tab.suggested-action:checked:hover, .osd tabbar tab.suggested-action:checked:hover, tabbar .osd tab.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header dnd tab.suggested-action:checked:hover, dnd .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tab.suggested-action:checked:hover, tabbar .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header .osd dnd tab.suggested-action:checked:hover, dnd notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tab.suggested-action:checked:hover, tabbar notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd dnd tab.suggested-action:checked:focus, dnd .osd tab.suggested-action:checked:focus, .osd tabbar tab.suggested-action:checked:focus, tabbar .osd tab.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header dnd tab.suggested-action:checked:focus, dnd .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tab.suggested-action:checked:focus, tabbar .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header .osd dnd tab.suggested-action:checked:focus, dnd notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tab.suggested-action:checked:focus, tabbar notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd dnd tab.suggested-action:selected:hover, dnd .osd tab.suggested-action:selected:hover, .osd tabbar tab.suggested-action:selected:hover, tabbar .osd tab.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header dnd tab.suggested-action:selected:hover, dnd .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tab.suggested-action:selected:hover, tabbar .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header .osd dnd tab.suggested-action:selected:hover, dnd notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tab.suggested-action:selected:hover, tabbar notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd dnd tab.suggested-action:selected:focus, dnd .osd tab.suggested-action:selected:focus, .osd tabbar tab.suggested-action:selected:focus, tabbar .osd tab.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header dnd tab.suggested-action:selected:focus, dnd .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tab.suggested-action:selected:focus, tabbar .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header .osd dnd tab.suggested-action:selected:focus, dnd notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tab.suggested-action:selected:focus, tabbar notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd dnd tab.suggested-action.has-open-popup:hover, dnd .osd tab.suggested-action.has-open-popup:hover, .osd tabbar tab.suggested-action.has-open-popup:hover, tabbar .osd tab.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd dnd tab.suggested-action.has-open-popup:focus, dnd .osd tab.suggested-action.has-open-popup:focus, .osd tabbar tab.suggested-action.has-open-popup:focus, tabbar .osd tab.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd dnd tab.suggested-action.osd:checked:hover, dnd .osd tab.suggested-action.osd:checked:hover, .osd tabbar tab.suggested-action.osd:checked:hover, tabbar .osd tab.suggested-action.osd:checked:hover, .osd dnd tab.suggested-action.osd:checked:focus, dnd .osd tab.suggested-action.osd:checked:focus, .osd tabbar tab.suggested-action.osd:checked:focus, tabbar .osd tab.suggested-action.osd:checked:focus, .osd dnd tab.suggested-action.osd:selected:hover, dnd .osd tab.suggested-action.osd:selected:hover, .osd tabbar tab.suggested-action.osd:selected:hover, tabbar .osd tab.suggested-action.osd:selected:hover, .osd dnd tab.suggested-action.osd:selected:focus, dnd .osd tab.suggested-action.osd:selected:focus, .osd tabbar tab.suggested-action.osd:selected:focus, tabbar .osd tab.suggested-action.osd:selected:focus, .osd dnd tab.suggested-action.osd.has-open-popup:hover, dnd .osd tab.suggested-action.osd.has-open-popup:hover, .osd tabbar tab.suggested-action.osd.has-open-popup:hover, tabbar .osd tab.suggested-action.osd.has-open-popup:hover, .osd dnd tab.suggested-action.osd.has-open-popup:focus, dnd .osd tab.suggested-action.osd.has-open-popup:focus, .osd tabbar tab.suggested-action.osd.has-open-popup:focus, tabbar .osd tab.suggested-action.osd.has-open-popup:focus, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:focus, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:focus, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd dnd tab.suggested-action:checked:hover, dnd .osd tab.suggested-action:checked:hover, .osd tabbar tab.suggested-action:checked:hover, tabbar .osd tab.suggested-action:checked:hover, .osd notebook > header tabs > tab.suggested-action:checked:hover, notebook > header .osd tabs > tab.suggested-action:checked:hover, .osd notebook > header dnd tab.suggested-action:checked:hover, dnd .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tab.suggested-action:checked:hover, tabbar .osd notebook > header tab.suggested-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover, notebook > header .osd dnd tab.suggested-action:checked:hover, dnd notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tab.suggested-action:checked:hover, tabbar notebook > header .osd tab.suggested-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover, .osd notebook > header > tabs > arrow.suggested-action:checked:hover, .osd columnview.view > header > button.suggested-action:checked:hover, .osd treeview.view > header > button.suggested-action:checked:hover, .osd dnd tab.suggested-action:checked:hover image, dnd .osd tab.suggested-action:checked:hover image, .osd tabbar tab.suggested-action:checked:hover image, tabbar .osd tab.suggested-action:checked:hover image, .osd notebook > header tabs > tab.suggested-action:checked:hover image, notebook > header .osd tabs > tab.suggested-action:checked:hover image, .osd notebook > header dnd tab.suggested-action:checked:hover image, dnd .osd notebook > header tab.suggested-action:checked:hover image, .osd notebook > header tabbar tab.suggested-action:checked:hover image, tabbar .osd notebook > header tab.suggested-action:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover image, notebook > header .osd dnd tab.suggested-action:checked:hover image, dnd notebook > header .osd tab.suggested-action:checked:hover image, notebook > header .osd tabbar tab.suggested-action:checked:hover image, tabbar notebook > header .osd tab.suggested-action:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action:checked:hover image, .osd columnview.view > header > button.suggested-action:checked:hover image, .osd treeview.view > header > button.suggested-action:checked:hover image, .osd dnd tab.suggested-action:checked:hover arrow, dnd .osd tab.suggested-action:checked:hover arrow, .osd tabbar tab.suggested-action:checked:hover arrow, tabbar .osd tab.suggested-action:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action:checked:hover arrow, .osd notebook > header dnd tab.suggested-action:checked:hover arrow, dnd .osd notebook > header tab.suggested-action:checked:hover arrow, .osd notebook > header tabbar tab.suggested-action:checked:hover arrow, tabbar .osd notebook > header tab.suggested-action:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:hover arrow, notebook > header .osd dnd tab.suggested-action:checked:hover arrow, dnd notebook > header .osd tab.suggested-action:checked:hover arrow, notebook > header .osd tabbar tab.suggested-action:checked:hover arrow, tabbar notebook > header .osd tab.suggested-action:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:hover arrow, .osd columnview.view > header > button.suggested-action:checked:hover arrow, .osd treeview.view > header > button.suggested-action:checked:hover arrow, .osd dnd tab.suggested-action:checked:focus, dnd .osd tab.suggested-action:checked:focus, .osd tabbar tab.suggested-action:checked:focus, tabbar .osd tab.suggested-action:checked:focus, .osd notebook > header tabs > tab.suggested-action:checked:focus, notebook > header .osd tabs > tab.suggested-action:checked:focus, .osd notebook > header dnd tab.suggested-action:checked:focus, dnd .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tab.suggested-action:checked:focus, tabbar .osd notebook > header tab.suggested-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus, notebook > header .osd dnd tab.suggested-action:checked:focus, dnd notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tab.suggested-action:checked:focus, tabbar notebook > header .osd tab.suggested-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus, .osd notebook > header > tabs > arrow.suggested-action:checked:focus, .osd columnview.view > header > button.suggested-action:checked:focus, .osd treeview.view > header > button.suggested-action:checked:focus, .osd dnd tab.suggested-action:checked:focus image, dnd .osd tab.suggested-action:checked:focus image, .osd tabbar tab.suggested-action:checked:focus image, tabbar .osd tab.suggested-action:checked:focus image, .osd notebook > header tabs > tab.suggested-action:checked:focus image, notebook > header .osd tabs > tab.suggested-action:checked:focus image, .osd notebook > header dnd tab.suggested-action:checked:focus image, dnd .osd notebook > header tab.suggested-action:checked:focus image, .osd notebook > header tabbar tab.suggested-action:checked:focus image, tabbar .osd notebook > header tab.suggested-action:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus image, notebook > header .osd dnd tab.suggested-action:checked:focus image, dnd notebook > header .osd tab.suggested-action:checked:focus image, notebook > header .osd tabbar tab.suggested-action:checked:focus image, tabbar notebook > header .osd tab.suggested-action:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action:checked:focus image, .osd columnview.view > header > button.suggested-action:checked:focus image, .osd treeview.view > header > button.suggested-action:checked:focus image, .osd dnd tab.suggested-action:checked:focus arrow, dnd .osd tab.suggested-action:checked:focus arrow, .osd tabbar tab.suggested-action:checked:focus arrow, tabbar .osd tab.suggested-action:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action:checked:focus arrow, .osd notebook > header dnd tab.suggested-action:checked:focus arrow, dnd .osd notebook > header tab.suggested-action:checked:focus arrow, .osd notebook > header tabbar tab.suggested-action:checked:focus arrow, tabbar .osd notebook > header tab.suggested-action:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked:focus arrow, notebook > header .osd dnd tab.suggested-action:checked:focus arrow, dnd notebook > header .osd tab.suggested-action:checked:focus arrow, notebook > header .osd tabbar tab.suggested-action:checked:focus arrow, tabbar notebook > header .osd tab.suggested-action:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:checked:focus arrow, .osd columnview.view > header > button.suggested-action:checked:focus arrow, .osd treeview.view > header > button.suggested-action:checked:focus arrow, .osd dnd tab.suggested-action:selected:hover, dnd .osd tab.suggested-action:selected:hover, .osd tabbar tab.suggested-action:selected:hover, tabbar .osd tab.suggested-action:selected:hover, .osd notebook > header tabs > tab.suggested-action:selected:hover, notebook > header .osd tabs > tab.suggested-action:selected:hover, .osd notebook > header dnd tab.suggested-action:selected:hover, dnd .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tab.suggested-action:selected:hover, tabbar .osd notebook > header tab.suggested-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover, notebook > header .osd dnd tab.suggested-action:selected:hover, dnd notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tab.suggested-action:selected:hover, tabbar notebook > header .osd tab.suggested-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover, .osd notebook > header > tabs > arrow.suggested-action:selected:hover, .osd columnview.view > header > button.suggested-action:selected:hover, .osd treeview.view > header > button.suggested-action:selected:hover, .osd dnd tab.suggested-action:selected:hover image, dnd .osd tab.suggested-action:selected:hover image, .osd tabbar tab.suggested-action:selected:hover image, tabbar .osd tab.suggested-action:selected:hover image, .osd notebook > header tabs > tab.suggested-action:selected:hover image, notebook > header .osd tabs > tab.suggested-action:selected:hover image, .osd notebook > header dnd tab.suggested-action:selected:hover image, dnd .osd notebook > header tab.suggested-action:selected:hover image, .osd notebook > header tabbar tab.suggested-action:selected:hover image, tabbar .osd notebook > header tab.suggested-action:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover image, notebook > header .osd dnd tab.suggested-action:selected:hover image, dnd notebook > header .osd tab.suggested-action:selected:hover image, notebook > header .osd tabbar tab.suggested-action:selected:hover image, tabbar notebook > header .osd tab.suggested-action:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action:selected:hover image, .osd columnview.view > header > button.suggested-action:selected:hover image, .osd treeview.view > header > button.suggested-action:selected:hover image, .osd dnd tab.suggested-action:selected:hover arrow, dnd .osd tab.suggested-action:selected:hover arrow, .osd tabbar tab.suggested-action:selected:hover arrow, tabbar .osd tab.suggested-action:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action:selected:hover arrow, .osd notebook > header dnd tab.suggested-action:selected:hover arrow, dnd .osd notebook > header tab.suggested-action:selected:hover arrow, .osd notebook > header tabbar tab.suggested-action:selected:hover arrow, tabbar .osd notebook > header tab.suggested-action:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:hover arrow, notebook > header .osd dnd tab.suggested-action:selected:hover arrow, dnd notebook > header .osd tab.suggested-action:selected:hover arrow, notebook > header .osd tabbar tab.suggested-action:selected:hover arrow, tabbar notebook > header .osd tab.suggested-action:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:hover arrow, .osd columnview.view > header > button.suggested-action:selected:hover arrow, .osd treeview.view > header > button.suggested-action:selected:hover arrow, .osd dnd tab.suggested-action:selected:focus, dnd .osd tab.suggested-action:selected:focus, .osd tabbar tab.suggested-action:selected:focus, tabbar .osd tab.suggested-action:selected:focus, .osd notebook > header tabs > tab.suggested-action:selected:focus, notebook > header .osd tabs > tab.suggested-action:selected:focus, .osd notebook > header dnd tab.suggested-action:selected:focus, dnd .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tab.suggested-action:selected:focus, tabbar .osd notebook > header tab.suggested-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus, notebook > header .osd dnd tab.suggested-action:selected:focus, dnd notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tab.suggested-action:selected:focus, tabbar notebook > header .osd tab.suggested-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus, .osd notebook > header > tabs > arrow.suggested-action:selected:focus, .osd columnview.view > header > button.suggested-action:selected:focus, .osd treeview.view > header > button.suggested-action:selected:focus, .osd dnd tab.suggested-action:selected:focus image, dnd .osd tab.suggested-action:selected:focus image, .osd tabbar tab.suggested-action:selected:focus image, tabbar .osd tab.suggested-action:selected:focus image, .osd notebook > header tabs > tab.suggested-action:selected:focus image, notebook > header .osd tabs > tab.suggested-action:selected:focus image, .osd notebook > header dnd tab.suggested-action:selected:focus image, dnd .osd notebook > header tab.suggested-action:selected:focus image, .osd notebook > header tabbar tab.suggested-action:selected:focus image, tabbar .osd notebook > header tab.suggested-action:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus image, notebook > header .osd dnd tab.suggested-action:selected:focus image, dnd notebook > header .osd tab.suggested-action:selected:focus image, notebook > header .osd tabbar tab.suggested-action:selected:focus image, tabbar notebook > header .osd tab.suggested-action:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action:selected:focus image, .osd columnview.view > header > button.suggested-action:selected:focus image, .osd treeview.view > header > button.suggested-action:selected:focus image, .osd dnd tab.suggested-action:selected:focus arrow, dnd .osd tab.suggested-action:selected:focus arrow, .osd tabbar tab.suggested-action:selected:focus arrow, tabbar .osd tab.suggested-action:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action:selected:focus arrow, .osd notebook > header dnd tab.suggested-action:selected:focus arrow, dnd .osd notebook > header tab.suggested-action:selected:focus arrow, .osd notebook > header tabbar tab.suggested-action:selected:focus arrow, tabbar .osd notebook > header tab.suggested-action:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:selected:focus arrow, notebook > header .osd dnd tab.suggested-action:selected:focus arrow, dnd notebook > header .osd tab.suggested-action:selected:focus arrow, notebook > header .osd tabbar tab.suggested-action:selected:focus arrow, tabbar notebook > header .osd tab.suggested-action:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action:selected:focus arrow, .osd columnview.view > header > button.suggested-action:selected:focus arrow, .osd treeview.view > header > button.suggested-action:selected:focus arrow, .osd dnd tab.suggested-action.has-open-popup:hover, dnd .osd tab.suggested-action.has-open-popup:hover, .osd tabbar tab.suggested-action.has-open-popup:hover, tabbar .osd tab.suggested-action.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover, .osd columnview.view > header > button.suggested-action.has-open-popup:hover, .osd treeview.view > header > button.suggested-action.has-open-popup:hover, .osd dnd tab.suggested-action.has-open-popup:hover image, dnd .osd tab.suggested-action.has-open-popup:hover image, .osd tabbar tab.suggested-action.has-open-popup:hover image, tabbar .osd tab.suggested-action.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover image, .osd columnview.view > header > button.suggested-action.has-open-popup:hover image, .osd treeview.view > header > button.suggested-action.has-open-popup:hover image, .osd dnd tab.suggested-action.has-open-popup:hover arrow, dnd .osd tab.suggested-action.has-open-popup:hover arrow, .osd tabbar tab.suggested-action.has-open-popup:hover arrow, tabbar .osd tab.suggested-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:hover arrow, .osd columnview.view > header > button.suggested-action.has-open-popup:hover arrow, .osd treeview.view > header > button.suggested-action.has-open-popup:hover arrow, .osd dnd tab.suggested-action.has-open-popup:focus, dnd .osd tab.suggested-action.has-open-popup:focus, .osd tabbar tab.suggested-action.has-open-popup:focus, tabbar .osd tab.suggested-action.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus, .osd columnview.view > header > button.suggested-action.has-open-popup:focus, .osd treeview.view > header > button.suggested-action.has-open-popup:focus, .osd dnd tab.suggested-action.has-open-popup:focus image, dnd .osd tab.suggested-action.has-open-popup:focus image, .osd tabbar tab.suggested-action.has-open-popup:focus image, tabbar .osd tab.suggested-action.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus image, .osd columnview.view > header > button.suggested-action.has-open-popup:focus image, .osd treeview.view > header > button.suggested-action.has-open-popup:focus image, .osd dnd tab.suggested-action.has-open-popup:focus arrow, dnd .osd tab.suggested-action.has-open-popup:focus arrow, .osd tabbar tab.suggested-action.has-open-popup:focus arrow, tabbar .osd tab.suggested-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.has-open-popup:focus arrow, .osd columnview.view > header > button.suggested-action.has-open-popup:focus arrow, .osd treeview.view > header > button.suggested-action.has-open-popup:focus arrow, .osd dnd tab.suggested-action.osd:checked:hover, dnd .osd tab.suggested-action.osd:checked:hover, .osd tabbar tab.suggested-action.osd:checked:hover, tabbar .osd tab.suggested-action.osd:checked:hover, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover, .osd notebook > header dnd tab.osd:checked:hover, dnd .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tab.osd:checked:hover, tabbar .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header .osd dnd tab.osd:checked:hover, dnd notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tab.osd:checked:hover, tabbar notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover, .osd columnview.view > header > button.suggested-action.osd:checked:hover, .osd treeview.view > header > button.suggested-action.osd:checked:hover, .osd dnd tab.suggested-action.osd:checked:hover image, dnd .osd tab.suggested-action.osd:checked:hover image, .osd tabbar tab.suggested-action.osd:checked:hover image, tabbar .osd tab.suggested-action.osd:checked:hover image, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover image, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover image, .osd notebook > header dnd tab.osd:checked:hover image, dnd .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tab.osd:checked:hover image, tabbar .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header .osd dnd tab.osd:checked:hover image, dnd notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tab.osd:checked:hover image, tabbar notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover image, .osd columnview.view > header > button.suggested-action.osd:checked:hover image, .osd treeview.view > header > button.suggested-action.osd:checked:hover image, .osd dnd tab.suggested-action.osd:checked:hover arrow, dnd .osd tab.suggested-action.osd:checked:hover arrow, .osd tabbar tab.suggested-action.osd:checked:hover arrow, tabbar .osd tab.suggested-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:hover arrow, .osd notebook > header dnd tab.osd:checked:hover arrow, dnd .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tab.osd:checked:hover arrow, tabbar .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header .osd dnd tab.osd:checked:hover arrow, dnd notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tab.osd:checked:hover arrow, tabbar notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:hover arrow, .osd columnview.view > header > button.suggested-action.osd:checked:hover arrow, .osd treeview.view > header > button.suggested-action.osd:checked:hover arrow, .osd dnd tab.suggested-action.osd:checked:focus, dnd .osd tab.suggested-action.osd:checked:focus, .osd tabbar tab.suggested-action.osd:checked:focus, tabbar .osd tab.suggested-action.osd:checked:focus, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus, .osd notebook > header dnd tab.osd:checked:focus, dnd .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tab.osd:checked:focus, tabbar .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header .osd dnd tab.osd:checked:focus, dnd notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tab.osd:checked:focus, tabbar notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus, .osd columnview.view > header > button.suggested-action.osd:checked:focus, .osd treeview.view > header > button.suggested-action.osd:checked:focus, .osd dnd tab.suggested-action.osd:checked:focus image, dnd .osd tab.suggested-action.osd:checked:focus image, .osd tabbar tab.suggested-action.osd:checked:focus image, tabbar .osd tab.suggested-action.osd:checked:focus image, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus image, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus image, .osd notebook > header dnd tab.osd:checked:focus image, dnd .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tab.osd:checked:focus image, tabbar .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header .osd dnd tab.osd:checked:focus image, dnd notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tab.osd:checked:focus image, tabbar notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus image, .osd columnview.view > header > button.suggested-action.osd:checked:focus image, .osd treeview.view > header > button.suggested-action.osd:checked:focus image, .osd dnd tab.suggested-action.osd:checked:focus arrow, dnd .osd tab.suggested-action.osd:checked:focus arrow, .osd tabbar tab.suggested-action.osd:checked:focus arrow, tabbar .osd tab.suggested-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:checked:focus arrow, .osd notebook > header dnd tab.osd:checked:focus arrow, dnd .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tab.osd:checked:focus arrow, tabbar .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header .osd dnd tab.osd:checked:focus arrow, dnd notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tab.osd:checked:focus arrow, tabbar notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:checked:focus arrow, .osd columnview.view > header > button.suggested-action.osd:checked:focus arrow, .osd treeview.view > header > button.suggested-action.osd:checked:focus arrow, .osd dnd tab.suggested-action.osd:selected:hover, dnd .osd tab.suggested-action.osd:selected:hover, .osd tabbar tab.suggested-action.osd:selected:hover, tabbar .osd tab.suggested-action.osd:selected:hover, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover, .osd notebook > header dnd tab.osd:selected:hover, dnd .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tab.osd:selected:hover, tabbar .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header .osd dnd tab.osd:selected:hover, dnd notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tab.osd:selected:hover, tabbar notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover, .osd columnview.view > header > button.suggested-action.osd:selected:hover, .osd treeview.view > header > button.suggested-action.osd:selected:hover, .osd dnd tab.suggested-action.osd:selected:hover image, dnd .osd tab.suggested-action.osd:selected:hover image, .osd tabbar tab.suggested-action.osd:selected:hover image, tabbar .osd tab.suggested-action.osd:selected:hover image, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover image, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover image, .osd notebook > header dnd tab.osd:selected:hover image, dnd .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tab.osd:selected:hover image, tabbar .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header .osd dnd tab.osd:selected:hover image, dnd notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tab.osd:selected:hover image, tabbar notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover image, .osd columnview.view > header > button.suggested-action.osd:selected:hover image, .osd treeview.view > header > button.suggested-action.osd:selected:hover image, .osd dnd tab.suggested-action.osd:selected:hover arrow, dnd .osd tab.suggested-action.osd:selected:hover arrow, .osd tabbar tab.suggested-action.osd:selected:hover arrow, tabbar .osd tab.suggested-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:hover arrow, .osd notebook > header dnd tab.osd:selected:hover arrow, dnd .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tab.osd:selected:hover arrow, tabbar .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header .osd dnd tab.osd:selected:hover arrow, dnd notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tab.osd:selected:hover arrow, tabbar notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:hover arrow, .osd columnview.view > header > button.suggested-action.osd:selected:hover arrow, .osd treeview.view > header > button.suggested-action.osd:selected:hover arrow, .osd dnd tab.suggested-action.osd:selected:focus, dnd .osd tab.suggested-action.osd:selected:focus, .osd tabbar tab.suggested-action.osd:selected:focus, tabbar .osd tab.suggested-action.osd:selected:focus, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus, .osd notebook > header dnd tab.osd:selected:focus, dnd .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tab.osd:selected:focus, tabbar .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header .osd dnd tab.osd:selected:focus, dnd notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tab.osd:selected:focus, tabbar notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus, .osd columnview.view > header > button.suggested-action.osd:selected:focus, .osd treeview.view > header > button.suggested-action.osd:selected:focus, .osd dnd tab.suggested-action.osd:selected:focus image, dnd .osd tab.suggested-action.osd:selected:focus image, .osd tabbar tab.suggested-action.osd:selected:focus image, tabbar .osd tab.suggested-action.osd:selected:focus image, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus image, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus image, .osd notebook > header dnd tab.osd:selected:focus image, dnd .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tab.osd:selected:focus image, tabbar .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header .osd dnd tab.osd:selected:focus image, dnd notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tab.osd:selected:focus image, tabbar notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus image, .osd columnview.view > header > button.suggested-action.osd:selected:focus image, .osd treeview.view > header > button.suggested-action.osd:selected:focus image, .osd dnd tab.suggested-action.osd:selected:focus arrow, dnd .osd tab.suggested-action.osd:selected:focus arrow, .osd tabbar tab.suggested-action.osd:selected:focus arrow, tabbar .osd tab.suggested-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd:selected:focus arrow, .osd notebook > header dnd tab.osd:selected:focus arrow, dnd .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tab.osd:selected:focus arrow, tabbar .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header .osd dnd tab.osd:selected:focus arrow, dnd notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tab.osd:selected:focus arrow, tabbar notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd:selected:focus arrow, .osd columnview.view > header > button.suggested-action.osd:selected:focus arrow, .osd treeview.view > header > button.suggested-action.osd:selected:focus arrow, .osd dnd tab.suggested-action.osd.has-open-popup:hover, dnd .osd tab.suggested-action.osd.has-open-popup:hover, .osd tabbar tab.suggested-action.osd.has-open-popup:hover, tabbar .osd tab.suggested-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:hover, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:hover, .osd dnd tab.suggested-action.osd.has-open-popup:hover image, dnd .osd tab.suggested-action.osd.has-open-popup:hover image, .osd tabbar tab.suggested-action.osd.has-open-popup:hover image, tabbar .osd tab.suggested-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover image, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:hover image, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:hover image, .osd dnd tab.suggested-action.osd.has-open-popup:hover arrow, dnd .osd tab.suggested-action.osd.has-open-popup:hover arrow, .osd tabbar tab.suggested-action.osd.has-open-popup:hover arrow, tabbar .osd tab.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:hover arrow, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:hover arrow, .osd dnd tab.suggested-action.osd.has-open-popup:focus, dnd .osd tab.suggested-action.osd.has-open-popup:focus, .osd tabbar tab.suggested-action.osd.has-open-popup:focus, tabbar .osd tab.suggested-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:focus, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:focus, .osd dnd tab.suggested-action.osd.has-open-popup:focus image, dnd .osd tab.suggested-action.osd.has-open-popup:focus image, .osd tabbar tab.suggested-action.osd.has-open-popup:focus image, tabbar .osd tab.suggested-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus image, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:focus image, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:focus image, .osd dnd tab.suggested-action.osd.has-open-popup:focus arrow, dnd .osd tab.suggested-action.osd.has-open-popup:focus arrow, .osd tabbar tab.suggested-action.osd.has-open-popup:focus arrow, tabbar .osd tab.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.suggested-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.suggested-action.osd.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.suggested-action.osd.has-open-popup:focus arrow, .osd columnview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, .osd treeview.view > header > button.suggested-action.osd.has-open-popup:focus arrow, .osd button.suggested-action:checked:hover, .osd button.suggested-action:checked:hover image, .osd button.suggested-action:checked:hover arrow, .osd button.suggested-action:checked:focus, .osd button.suggested-action:checked:focus image, .osd button.suggested-action:checked:focus arrow, .osd button.suggested-action:selected:hover, .osd button.suggested-action:selected:hover image, .osd button.suggested-action:selected:hover arrow, .osd button.suggested-action:selected:focus, .osd button.suggested-action:selected:focus image, .osd button.suggested-action:selected:focus arrow, .osd button.suggested-action.has-open-popup:hover, .osd button.suggested-action.has-open-popup:hover image, .osd button.suggested-action.has-open-popup:hover arrow, .osd button.suggested-action.has-open-popup:focus, .osd button.suggested-action.has-open-popup:focus image, .osd button.suggested-action.has-open-popup:focus arrow, .osd button.suggested-action.osd:checked:hover, .osd button.suggested-action.osd:checked:hover image, .osd button.suggested-action.osd:checked:hover arrow, .osd button.suggested-action.osd:checked:focus, .osd button.suggested-action.osd:checked:focus image, .osd button.suggested-action.osd:checked:focus arrow, .osd button.suggested-action.osd:selected:hover, .osd button.suggested-action.osd:selected:hover image, .osd button.suggested-action.osd:selected:hover arrow, .osd button.suggested-action.osd:selected:focus, .osd button.suggested-action.osd:selected:focus image, .osd button.suggested-action.osd:selected:focus arrow, .osd button.suggested-action.osd.has-open-popup:hover, .osd button.suggested-action.osd.has-open-popup:hover image, .osd button.suggested-action.osd.has-open-popup:hover arrow, .osd button.suggested-action.osd.has-open-popup:focus, .osd button.suggested-action.osd.has-open-popup:focus image, .osd button.suggested-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled, .osd button.suggested-action:disabled:checked, .osd button.suggested-action:disabled:selected, .osd button.suggested-action:disabled.has-open-popup, .osd button.suggested-action.osd:disabled, .osd button.suggested-action.osd:disabled:checked, .osd button.suggested-action.osd:disabled:selected, .osd button.suggested-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd tab.destructive-action, tabbar tab.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header tabbox > tabboxchild.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action, button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus, button.destructive-action.osd:hover, button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:hover image, tabbar tab.destructive-action:hover image, notebook > header tabs > tab.destructive-action:hover image, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover image, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover image, notebook > header > tabs > arrow.destructive-action:hover image, dnd tab.destructive-action:hover arrow, tabbar tab.destructive-action:hover arrow, notebook > header tabs > tab.destructive-action:hover arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover arrow, notebook > header > tabs > arrow.destructive-action:hover arrow, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, dnd tab.destructive-action:focus image, tabbar tab.destructive-action:focus image, notebook > header tabs > tab.destructive-action:focus image, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus image, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus image, notebook > header > tabs > arrow.destructive-action:focus image, dnd tab.destructive-action:focus arrow, tabbar tab.destructive-action:focus arrow, notebook > header tabs > tab.destructive-action:focus arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus arrow, notebook > header > tabs > arrow.destructive-action:focus arrow, button.destructive-action:hover, button.destructive-action:hover image, button.destructive-action:hover arrow, button.destructive-action:focus, button.destructive-action:focus image, button.destructive-action:focus arrow, button.destructive-action.osd:hover, button.destructive-action.osd:hover image, button.destructive-action.osd:hover arrow, button.destructive-action.osd:focus, button.destructive-action.osd:focus image, button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, dnd tab.destructive-action.keyboard-activating, tabbar tab.destructive-action.keyboard-activating, notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header dnd tab.keyboard-activating, dnd notebook > header tab.keyboard-activating, notebook > header tabbar tab.keyboard-activating, tabbar notebook > header tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.destructive-action.keyboard-activating, button.destructive-action:active, button.destructive-action.keyboard-activating, button.destructive-action.osd:active, button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, dnd tab.destructive-action:selected, tabbar tab.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, dnd tab.destructive-action.has-open-popup, tabbar tab.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, button.destructive-action:checked, button.destructive-action:selected, button.destructive-action.has-open-popup, button.destructive-action.osd:checked, button.destructive-action.osd:selected, button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header dnd tab.destructive-action:checked, dnd notebook > header tab.destructive-action:checked, notebook > header tabbar tab.destructive-action:checked, tabbar notebook > header tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, dnd tab.destructive-action:checked image, tabbar tab.destructive-action:checked image, notebook > header tabs > tab.destructive-action:checked image, notebook > header dnd tab.destructive-action:checked image, dnd notebook > header tab.destructive-action:checked image, notebook > header tabbar tab.destructive-action:checked image, tabbar notebook > header tab.destructive-action:checked image, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked image, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked image, notebook > header > tabs > arrow.destructive-action:checked image, dnd tab.destructive-action:checked arrow, tabbar tab.destructive-action:checked arrow, notebook > header tabs > tab.destructive-action:checked arrow, notebook > header dnd tab.destructive-action:checked arrow, dnd notebook > header tab.destructive-action:checked arrow, notebook > header tabbar tab.destructive-action:checked arrow, tabbar notebook > header tab.destructive-action:checked arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked arrow, notebook > header > tabs > arrow.destructive-action:checked arrow, dnd tab.destructive-action:selected, tabbar tab.destructive-action:selected, notebook > header tabs > tab.destructive-action:selected, notebook > header dnd tab.destructive-action:selected, dnd notebook > header tab.destructive-action:selected, notebook > header tabbar tab.destructive-action:selected, tabbar notebook > header tab.destructive-action:selected, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header > tabs > arrow.destructive-action:selected, dnd tab.destructive-action:selected image, tabbar tab.destructive-action:selected image, notebook > header tabs > tab.destructive-action:selected image, notebook > header dnd tab.destructive-action:selected image, dnd notebook > header tab.destructive-action:selected image, notebook > header tabbar tab.destructive-action:selected image, tabbar notebook > header tab.destructive-action:selected image, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected image, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected image, notebook > header > tabs > arrow.destructive-action:selected image, dnd tab.destructive-action:selected arrow, tabbar tab.destructive-action:selected arrow, notebook > header tabs > tab.destructive-action:selected arrow, notebook > header dnd tab.destructive-action:selected arrow, dnd notebook > header tab.destructive-action:selected arrow, notebook > header tabbar tab.destructive-action:selected arrow, tabbar notebook > header tab.destructive-action:selected arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected arrow, notebook > header > tabs > arrow.destructive-action:selected arrow, dnd tab.destructive-action.has-open-popup, tabbar tab.destructive-action.has-open-popup, notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header dnd tab.has-open-popup, dnd notebook > header tab.has-open-popup, notebook > header tabbar tab.has-open-popup, tabbar notebook > header tab.has-open-popup, notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header tabbox > tabboxchild.has-open-popup, notebook > header > tabs > arrow.destructive-action.has-open-popup, dnd tab.destructive-action.has-open-popup image, tabbar tab.destructive-action.has-open-popup image, notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header dnd tab.has-open-popup image, dnd notebook > header tab.has-open-popup image, notebook > header tabbar tab.has-open-popup image, tabbar notebook > header tab.has-open-popup image, notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header > tabs > arrow.destructive-action.has-open-popup image, dnd tab.destructive-action.has-open-popup arrow, tabbar tab.destructive-action.has-open-popup arrow, notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header dnd tab.has-open-popup arrow, dnd notebook > header tab.has-open-popup arrow, notebook > header tabbar tab.has-open-popup arrow, tabbar notebook > header tab.has-open-popup arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, dnd tab.destructive-action.osd:checked, tabbar tab.destructive-action.osd:checked, dnd tab.destructive-action.osd:checked image, tabbar tab.destructive-action.osd:checked image, dnd tab.destructive-action.osd:checked arrow, tabbar tab.destructive-action.osd:checked arrow, dnd tab.destructive-action.osd:selected, tabbar tab.destructive-action.osd:selected, dnd tab.destructive-action.osd:selected image, tabbar tab.destructive-action.osd:selected image, dnd tab.destructive-action.osd:selected arrow, tabbar tab.destructive-action.osd:selected arrow, dnd tab.destructive-action.osd.has-open-popup, tabbar tab.destructive-action.osd.has-open-popup, dnd tab.destructive-action.osd.has-open-popup image, tabbar tab.destructive-action.osd.has-open-popup image, dnd tab.destructive-action.osd.has-open-popup arrow, tabbar tab.destructive-action.osd.has-open-popup arrow, button.destructive-action:checked, button.destructive-action:checked image, button.destructive-action:checked arrow, button.destructive-action:selected, button.destructive-action:selected image, button.destructive-action:selected arrow, button.destructive-action.has-open-popup, button.destructive-action.has-open-popup image, button.destructive-action.has-open-popup arrow, button.destructive-action.osd:checked, button.destructive-action.osd:checked image, button.destructive-action.osd:checked arrow, button.destructive-action.osd:selected, button.destructive-action.osd:selected image, button.destructive-action.osd:selected arrow, button.destructive-action.osd.has-open-popup, button.destructive-action.osd.has-open-popup image, button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +dnd tab.destructive-action:checked:hover, tabbar tab.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, dnd tab.destructive-action:checked:focus, tabbar tab.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, dnd tab.destructive-action:selected:hover, tabbar tab.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, dnd tab.destructive-action:selected:focus, tabbar tab.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, dnd tab.destructive-action.has-open-popup:hover, tabbar tab.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, dnd tab.destructive-action.has-open-popup:focus, tabbar tab.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, button.destructive-action:checked:hover, button.destructive-action:checked:focus, button.destructive-action:selected:hover, button.destructive-action:selected:focus, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:focus, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:focus, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:focus, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +dnd tab.destructive-action:checked:hover, tabbar tab.destructive-action:checked:hover, notebook > header tabs > tab.destructive-action:checked:hover, notebook > header dnd tab.destructive-action:checked:hover, dnd notebook > header tab.destructive-action:checked:hover, notebook > header tabbar tab.destructive-action:checked:hover, tabbar notebook > header tab.destructive-action:checked:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header > tabs > arrow.destructive-action:checked:hover, columnview.view > header > button.destructive-action:checked:hover, treeview.view > header > button.destructive-action:checked:hover, dnd tab.destructive-action:checked:hover image, tabbar tab.destructive-action:checked:hover image, notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header dnd tab.destructive-action:checked:hover image, dnd notebook > header tab.destructive-action:checked:hover image, notebook > header tabbar tab.destructive-action:checked:hover image, tabbar notebook > header tab.destructive-action:checked:hover image, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover image, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover image, notebook > header > tabs > arrow.destructive-action:checked:hover image, columnview.view > header > button.destructive-action:checked:hover image, treeview.view > header > button.destructive-action:checked:hover image, dnd tab.destructive-action:checked:hover arrow, tabbar tab.destructive-action:checked:hover arrow, notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header dnd tab.destructive-action:checked:hover arrow, dnd notebook > header tab.destructive-action:checked:hover arrow, notebook > header tabbar tab.destructive-action:checked:hover arrow, tabbar notebook > header tab.destructive-action:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:hover arrow, notebook > header > tabs > arrow.destructive-action:checked:hover arrow, columnview.view > header > button.destructive-action:checked:hover arrow, treeview.view > header > button.destructive-action:checked:hover arrow, dnd tab.destructive-action:checked:focus, tabbar tab.destructive-action:checked:focus, notebook > header tabs > tab.destructive-action:checked:focus, notebook > header dnd tab.destructive-action:checked:focus, dnd notebook > header tab.destructive-action:checked:focus, notebook > header tabbar tab.destructive-action:checked:focus, tabbar notebook > header tab.destructive-action:checked:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header > tabs > arrow.destructive-action:checked:focus, columnview.view > header > button.destructive-action:checked:focus, treeview.view > header > button.destructive-action:checked:focus, dnd tab.destructive-action:checked:focus image, tabbar tab.destructive-action:checked:focus image, notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header dnd tab.destructive-action:checked:focus image, dnd notebook > header tab.destructive-action:checked:focus image, notebook > header tabbar tab.destructive-action:checked:focus image, tabbar notebook > header tab.destructive-action:checked:focus image, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus image, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus image, notebook > header > tabs > arrow.destructive-action:checked:focus image, columnview.view > header > button.destructive-action:checked:focus image, treeview.view > header > button.destructive-action:checked:focus image, dnd tab.destructive-action:checked:focus arrow, tabbar tab.destructive-action:checked:focus arrow, notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header dnd tab.destructive-action:checked:focus arrow, dnd notebook > header tab.destructive-action:checked:focus arrow, notebook > header tabbar tab.destructive-action:checked:focus arrow, tabbar notebook > header tab.destructive-action:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked:focus arrow, notebook > header > tabs > arrow.destructive-action:checked:focus arrow, columnview.view > header > button.destructive-action:checked:focus arrow, treeview.view > header > button.destructive-action:checked:focus arrow, dnd tab.destructive-action:selected:hover, tabbar tab.destructive-action:selected:hover, notebook > header tabs > tab.destructive-action:selected:hover, notebook > header dnd tab.destructive-action:selected:hover, dnd notebook > header tab.destructive-action:selected:hover, notebook > header tabbar tab.destructive-action:selected:hover, tabbar notebook > header tab.destructive-action:selected:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header > tabs > arrow.destructive-action:selected:hover, columnview.view > header > button.destructive-action:selected:hover, treeview.view > header > button.destructive-action:selected:hover, dnd tab.destructive-action:selected:hover image, tabbar tab.destructive-action:selected:hover image, notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header dnd tab.destructive-action:selected:hover image, dnd notebook > header tab.destructive-action:selected:hover image, notebook > header tabbar tab.destructive-action:selected:hover image, tabbar notebook > header tab.destructive-action:selected:hover image, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover image, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover image, notebook > header > tabs > arrow.destructive-action:selected:hover image, columnview.view > header > button.destructive-action:selected:hover image, treeview.view > header > button.destructive-action:selected:hover image, dnd tab.destructive-action:selected:hover arrow, tabbar tab.destructive-action:selected:hover arrow, notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header dnd tab.destructive-action:selected:hover arrow, dnd notebook > header tab.destructive-action:selected:hover arrow, notebook > header tabbar tab.destructive-action:selected:hover arrow, tabbar notebook > header tab.destructive-action:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:hover arrow, notebook > header > tabs > arrow.destructive-action:selected:hover arrow, columnview.view > header > button.destructive-action:selected:hover arrow, treeview.view > header > button.destructive-action:selected:hover arrow, dnd tab.destructive-action:selected:focus, tabbar tab.destructive-action:selected:focus, notebook > header tabs > tab.destructive-action:selected:focus, notebook > header dnd tab.destructive-action:selected:focus, dnd notebook > header tab.destructive-action:selected:focus, notebook > header tabbar tab.destructive-action:selected:focus, tabbar notebook > header tab.destructive-action:selected:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header > tabs > arrow.destructive-action:selected:focus, columnview.view > header > button.destructive-action:selected:focus, treeview.view > header > button.destructive-action:selected:focus, dnd tab.destructive-action:selected:focus image, tabbar tab.destructive-action:selected:focus image, notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header dnd tab.destructive-action:selected:focus image, dnd notebook > header tab.destructive-action:selected:focus image, notebook > header tabbar tab.destructive-action:selected:focus image, tabbar notebook > header tab.destructive-action:selected:focus image, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus image, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus image, notebook > header > tabs > arrow.destructive-action:selected:focus image, columnview.view > header > button.destructive-action:selected:focus image, treeview.view > header > button.destructive-action:selected:focus image, dnd tab.destructive-action:selected:focus arrow, tabbar tab.destructive-action:selected:focus arrow, notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header dnd tab.destructive-action:selected:focus arrow, dnd notebook > header tab.destructive-action:selected:focus arrow, notebook > header tabbar tab.destructive-action:selected:focus arrow, tabbar notebook > header tab.destructive-action:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.destructive-action:selected:focus arrow, notebook > header > tabs > arrow.destructive-action:selected:focus arrow, columnview.view > header > button.destructive-action:selected:focus arrow, treeview.view > header > button.destructive-action:selected:focus arrow, dnd tab.destructive-action.has-open-popup:hover, tabbar tab.destructive-action.has-open-popup:hover, notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, columnview.view > header > button.destructive-action.has-open-popup:hover, treeview.view > header > button.destructive-action.has-open-popup:hover, dnd tab.destructive-action.has-open-popup:hover image, tabbar tab.destructive-action.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, columnview.view > header > button.destructive-action.has-open-popup:hover image, treeview.view > header > button.destructive-action.has-open-popup:hover image, dnd tab.destructive-action.has-open-popup:hover arrow, tabbar tab.destructive-action.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, columnview.view > header > button.destructive-action.has-open-popup:hover arrow, treeview.view > header > button.destructive-action.has-open-popup:hover arrow, dnd tab.destructive-action.has-open-popup:focus, tabbar tab.destructive-action.has-open-popup:focus, notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, columnview.view > header > button.destructive-action.has-open-popup:focus, treeview.view > header > button.destructive-action.has-open-popup:focus, dnd tab.destructive-action.has-open-popup:focus image, tabbar tab.destructive-action.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, columnview.view > header > button.destructive-action.has-open-popup:focus image, treeview.view > header > button.destructive-action.has-open-popup:focus image, dnd tab.destructive-action.has-open-popup:focus arrow, tabbar tab.destructive-action.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, columnview.view > header > button.destructive-action.has-open-popup:focus arrow, treeview.view > header > button.destructive-action.has-open-popup:focus arrow, dnd tab.destructive-action.osd:checked:hover, tabbar tab.destructive-action.osd:checked:hover, notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header dnd tab.osd:checked:hover, dnd notebook > header tab.osd:checked:hover, notebook > header tabbar tab.osd:checked:hover, tabbar notebook > header tab.osd:checked:hover, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header > tabs > arrow.destructive-action.osd:checked:hover, columnview.view > header > button.destructive-action.osd:checked:hover, treeview.view > header > button.destructive-action.osd:checked:hover, dnd tab.destructive-action.osd:checked:hover image, tabbar tab.destructive-action.osd:checked:hover image, notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header dnd tab.osd:checked:hover image, dnd notebook > header tab.osd:checked:hover image, notebook > header tabbar tab.osd:checked:hover image, tabbar notebook > header tab.osd:checked:hover image, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, columnview.view > header > button.destructive-action.osd:checked:hover image, treeview.view > header > button.destructive-action.osd:checked:hover image, dnd tab.destructive-action.osd:checked:hover arrow, tabbar tab.destructive-action.osd:checked:hover arrow, notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header dnd tab.osd:checked:hover arrow, dnd notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tab.osd:checked:hover arrow, tabbar notebook > header tab.osd:checked:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, columnview.view > header > button.destructive-action.osd:checked:hover arrow, treeview.view > header > button.destructive-action.osd:checked:hover arrow, dnd tab.destructive-action.osd:checked:focus, tabbar tab.destructive-action.osd:checked:focus, notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header dnd tab.osd:checked:focus, dnd notebook > header tab.osd:checked:focus, notebook > header tabbar tab.osd:checked:focus, tabbar notebook > header tab.osd:checked:focus, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header > tabs > arrow.destructive-action.osd:checked:focus, columnview.view > header > button.destructive-action.osd:checked:focus, treeview.view > header > button.destructive-action.osd:checked:focus, dnd tab.destructive-action.osd:checked:focus image, tabbar tab.destructive-action.osd:checked:focus image, notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header dnd tab.osd:checked:focus image, dnd notebook > header tab.osd:checked:focus image, notebook > header tabbar tab.osd:checked:focus image, tabbar notebook > header tab.osd:checked:focus image, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, columnview.view > header > button.destructive-action.osd:checked:focus image, treeview.view > header > button.destructive-action.osd:checked:focus image, dnd tab.destructive-action.osd:checked:focus arrow, tabbar tab.destructive-action.osd:checked:focus arrow, notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header dnd tab.osd:checked:focus arrow, dnd notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tab.osd:checked:focus arrow, tabbar notebook > header tab.osd:checked:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, columnview.view > header > button.destructive-action.osd:checked:focus arrow, treeview.view > header > button.destructive-action.osd:checked:focus arrow, dnd tab.destructive-action.osd:selected:hover, tabbar tab.destructive-action.osd:selected:hover, notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header dnd tab.osd:selected:hover, dnd notebook > header tab.osd:selected:hover, notebook > header tabbar tab.osd:selected:hover, tabbar notebook > header tab.osd:selected:hover, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header > tabs > arrow.destructive-action.osd:selected:hover, columnview.view > header > button.destructive-action.osd:selected:hover, treeview.view > header > button.destructive-action.osd:selected:hover, dnd tab.destructive-action.osd:selected:hover image, tabbar tab.destructive-action.osd:selected:hover image, notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header dnd tab.osd:selected:hover image, dnd notebook > header tab.osd:selected:hover image, notebook > header tabbar tab.osd:selected:hover image, tabbar notebook > header tab.osd:selected:hover image, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, columnview.view > header > button.destructive-action.osd:selected:hover image, treeview.view > header > button.destructive-action.osd:selected:hover image, dnd tab.destructive-action.osd:selected:hover arrow, tabbar tab.destructive-action.osd:selected:hover arrow, notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header dnd tab.osd:selected:hover arrow, dnd notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tab.osd:selected:hover arrow, tabbar notebook > header tab.osd:selected:hover arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, columnview.view > header > button.destructive-action.osd:selected:hover arrow, treeview.view > header > button.destructive-action.osd:selected:hover arrow, dnd tab.destructive-action.osd:selected:focus, tabbar tab.destructive-action.osd:selected:focus, notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header dnd tab.osd:selected:focus, dnd notebook > header tab.osd:selected:focus, notebook > header tabbar tab.osd:selected:focus, tabbar notebook > header tab.osd:selected:focus, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header > tabs > arrow.destructive-action.osd:selected:focus, columnview.view > header > button.destructive-action.osd:selected:focus, treeview.view > header > button.destructive-action.osd:selected:focus, dnd tab.destructive-action.osd:selected:focus image, tabbar tab.destructive-action.osd:selected:focus image, notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header dnd tab.osd:selected:focus image, dnd notebook > header tab.osd:selected:focus image, notebook > header tabbar tab.osd:selected:focus image, tabbar notebook > header tab.osd:selected:focus image, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, columnview.view > header > button.destructive-action.osd:selected:focus image, treeview.view > header > button.destructive-action.osd:selected:focus image, dnd tab.destructive-action.osd:selected:focus arrow, tabbar tab.destructive-action.osd:selected:focus arrow, notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header dnd tab.osd:selected:focus arrow, dnd notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tab.osd:selected:focus arrow, tabbar notebook > header tab.osd:selected:focus arrow, notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, columnview.view > header > button.destructive-action.osd:selected:focus arrow, treeview.view > header > button.destructive-action.osd:selected:focus arrow, dnd tab.destructive-action.osd.has-open-popup:hover, tabbar tab.destructive-action.osd.has-open-popup:hover, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header dnd tab.has-open-popup:hover, dnd notebook > header tab.has-open-popup:hover, notebook > header tabbar tab.has-open-popup:hover, tabbar notebook > header tab.has-open-popup:hover, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, columnview.view > header > button.destructive-action.osd.has-open-popup:hover, treeview.view > header > button.destructive-action.osd.has-open-popup:hover, dnd tab.destructive-action.osd.has-open-popup:hover image, tabbar tab.destructive-action.osd.has-open-popup:hover image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header dnd tab.has-open-popup:hover image, dnd notebook > header tab.has-open-popup:hover image, notebook > header tabbar tab.has-open-popup:hover image, tabbar notebook > header tab.has-open-popup:hover image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, columnview.view > header > button.destructive-action.osd.has-open-popup:hover image, treeview.view > header > button.destructive-action.osd.has-open-popup:hover image, dnd tab.destructive-action.osd.has-open-popup:hover arrow, tabbar tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header dnd tab.has-open-popup:hover arrow, dnd notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tab.has-open-popup:hover arrow, tabbar notebook > header tab.has-open-popup:hover arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, columnview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, treeview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, dnd tab.destructive-action.osd.has-open-popup:focus, tabbar tab.destructive-action.osd.has-open-popup:focus, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header dnd tab.has-open-popup:focus, dnd notebook > header tab.has-open-popup:focus, notebook > header tabbar tab.has-open-popup:focus, tabbar notebook > header tab.has-open-popup:focus, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, columnview.view > header > button.destructive-action.osd.has-open-popup:focus, treeview.view > header > button.destructive-action.osd.has-open-popup:focus, dnd tab.destructive-action.osd.has-open-popup:focus image, tabbar tab.destructive-action.osd.has-open-popup:focus image, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header dnd tab.has-open-popup:focus image, dnd notebook > header tab.has-open-popup:focus image, notebook > header tabbar tab.has-open-popup:focus image, tabbar notebook > header tab.has-open-popup:focus image, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, columnview.view > header > button.destructive-action.osd.has-open-popup:focus image, treeview.view > header > button.destructive-action.osd.has-open-popup:focus image, dnd tab.destructive-action.osd.has-open-popup:focus arrow, tabbar tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header dnd tab.has-open-popup:focus arrow, dnd notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tab.has-open-popup:focus arrow, tabbar notebook > header tab.has-open-popup:focus arrow, notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, columnview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, treeview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, button.destructive-action:checked:hover, button.destructive-action:checked:hover image, button.destructive-action:checked:hover arrow, button.destructive-action:checked:focus, button.destructive-action:checked:focus image, button.destructive-action:checked:focus arrow, button.destructive-action:selected:hover, button.destructive-action:selected:hover image, button.destructive-action:selected:hover arrow, button.destructive-action:selected:focus, button.destructive-action:selected:focus image, button.destructive-action:selected:focus arrow, button.destructive-action.has-open-popup:hover, button.destructive-action.has-open-popup:hover image, button.destructive-action.has-open-popup:hover arrow, button.destructive-action.has-open-popup:focus, button.destructive-action.has-open-popup:focus image, button.destructive-action.has-open-popup:focus arrow, button.destructive-action.osd:checked:hover, button.destructive-action.osd:checked:hover image, button.destructive-action.osd:checked:hover arrow, button.destructive-action.osd:checked:focus, button.destructive-action.osd:checked:focus image, button.destructive-action.osd:checked:focus arrow, button.destructive-action.osd:selected:hover, button.destructive-action.osd:selected:hover image, button.destructive-action.osd:selected:hover arrow, button.destructive-action.osd:selected:focus, button.destructive-action.osd:selected:focus image, button.destructive-action.osd:selected:focus arrow, button.destructive-action.osd.has-open-popup:hover, button.destructive-action.osd.has-open-popup:hover image, button.destructive-action.osd.has-open-popup:hover arrow, button.destructive-action.osd.has-open-popup:focus, button.destructive-action.osd.has-open-popup:focus image, button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +dnd tab.destructive-action:disabled, tabbar tab.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled, button.destructive-action:disabled:checked, button.destructive-action:disabled:selected, button.destructive-action:disabled.has-open-popup, button.destructive-action.osd:disabled, button.destructive-action.osd:disabled:checked, button.destructive-action.osd:disabled:selected, button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd dnd tab.destructive-action, dnd .osd tab.destructive-action, .osd tabbar tab.destructive-action, tabbar .osd tab.destructive-action, .osd notebook > header tabs > tab.destructive-action, notebook > header .osd tabs > tab.destructive-action, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action, .osd notebook > header > tabs > arrow.destructive-action, .osd button.destructive-action, .osd button.destructive-action.osd { color: #EDF0F5; background-color: #8e2828; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd dnd tab.destructive-action:focus, dnd .osd tab.destructive-action:focus, .osd tabbar tab.destructive-action:focus, tabbar .osd tab.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd button.destructive-action:hover, .osd button.destructive-action:focus, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header dnd tab.destructive-action:hover, dnd .osd notebook > header tab.destructive-action:hover, .osd notebook > header tabbar tab.destructive-action:hover, tabbar .osd notebook > header tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd dnd tab.destructive-action:hover, dnd notebook > header .osd tab.destructive-action:hover, notebook > header .osd tabbar tab.destructive-action:hover, tabbar notebook > header .osd tab.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd dnd tab.destructive-action:hover image, dnd .osd tab.destructive-action:hover image, .osd tabbar tab.destructive-action:hover image, tabbar .osd tab.destructive-action:hover image, .osd notebook > header tabs > tab.destructive-action:hover image, notebook > header .osd tabs > tab.destructive-action:hover image, .osd notebook > header dnd tab.destructive-action:hover image, dnd .osd notebook > header tab.destructive-action:hover image, .osd notebook > header tabbar tab.destructive-action:hover image, tabbar .osd notebook > header tab.destructive-action:hover image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover image, notebook > header .osd dnd tab.destructive-action:hover image, dnd notebook > header .osd tab.destructive-action:hover image, notebook > header .osd tabbar tab.destructive-action:hover image, tabbar notebook > header .osd tab.destructive-action:hover image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover image, .osd notebook > header > tabs > arrow.destructive-action:hover image, .osd dnd tab.destructive-action:hover arrow, dnd .osd tab.destructive-action:hover arrow, .osd tabbar tab.destructive-action:hover arrow, tabbar .osd tab.destructive-action:hover arrow, .osd notebook > header tabs > tab.destructive-action:hover arrow, notebook > header .osd tabs > tab.destructive-action:hover arrow, .osd notebook > header dnd tab.destructive-action:hover arrow, dnd .osd notebook > header tab.destructive-action:hover arrow, .osd notebook > header tabbar tab.destructive-action:hover arrow, tabbar .osd notebook > header tab.destructive-action:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover arrow, notebook > header .osd dnd tab.destructive-action:hover arrow, dnd notebook > header .osd tab.destructive-action:hover arrow, notebook > header .osd tabbar tab.destructive-action:hover arrow, tabbar notebook > header .osd tab.destructive-action:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:hover arrow, .osd dnd tab.destructive-action:focus, dnd .osd tab.destructive-action:focus, .osd tabbar tab.destructive-action:focus, tabbar .osd tab.destructive-action:focus, .osd notebook > header tabs > tab.destructive-action:focus, notebook > header .osd tabs > tab.destructive-action:focus, .osd notebook > header dnd tab.destructive-action:focus, dnd .osd notebook > header tab.destructive-action:focus, .osd notebook > header tabbar tab.destructive-action:focus, tabbar .osd notebook > header tab.destructive-action:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header .osd dnd tab.destructive-action:focus, dnd notebook > header .osd tab.destructive-action:focus, notebook > header .osd tabbar tab.destructive-action:focus, tabbar notebook > header .osd tab.destructive-action:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus, .osd notebook > header > tabs > arrow.destructive-action:focus, .osd dnd tab.destructive-action:focus image, dnd .osd tab.destructive-action:focus image, .osd tabbar tab.destructive-action:focus image, tabbar .osd tab.destructive-action:focus image, .osd notebook > header tabs > tab.destructive-action:focus image, notebook > header .osd tabs > tab.destructive-action:focus image, .osd notebook > header dnd tab.destructive-action:focus image, dnd .osd notebook > header tab.destructive-action:focus image, .osd notebook > header tabbar tab.destructive-action:focus image, tabbar .osd notebook > header tab.destructive-action:focus image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus image, notebook > header .osd dnd tab.destructive-action:focus image, dnd notebook > header .osd tab.destructive-action:focus image, notebook > header .osd tabbar tab.destructive-action:focus image, tabbar notebook > header .osd tab.destructive-action:focus image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus image, .osd notebook > header > tabs > arrow.destructive-action:focus image, .osd dnd tab.destructive-action:focus arrow, dnd .osd tab.destructive-action:focus arrow, .osd tabbar tab.destructive-action:focus arrow, tabbar .osd tab.destructive-action:focus arrow, .osd notebook > header tabs > tab.destructive-action:focus arrow, notebook > header .osd tabs > tab.destructive-action:focus arrow, .osd notebook > header dnd tab.destructive-action:focus arrow, dnd .osd notebook > header tab.destructive-action:focus arrow, .osd notebook > header tabbar tab.destructive-action:focus arrow, tabbar .osd notebook > header tab.destructive-action:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:focus arrow, notebook > header .osd dnd tab.destructive-action:focus arrow, dnd notebook > header .osd tab.destructive-action:focus arrow, notebook > header .osd tabbar tab.destructive-action:focus arrow, tabbar notebook > header .osd tab.destructive-action:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:focus arrow, .osd dnd tab.destructive-action.osd:hover, dnd .osd tab.destructive-action.osd:hover, .osd tabbar tab.destructive-action.osd:hover, tabbar .osd tab.destructive-action.osd:hover, .osd dnd tab.destructive-action.osd:hover image, dnd .osd tab.destructive-action.osd:hover image, .osd tabbar tab.destructive-action.osd:hover image, tabbar .osd tab.destructive-action.osd:hover image, .osd dnd tab.destructive-action.osd:hover arrow, dnd .osd tab.destructive-action.osd:hover arrow, .osd tabbar tab.destructive-action.osd:hover arrow, tabbar .osd tab.destructive-action.osd:hover arrow, .osd dnd tab.destructive-action.osd:focus, dnd .osd tab.destructive-action.osd:focus, .osd tabbar tab.destructive-action.osd:focus, tabbar .osd tab.destructive-action.osd:focus, .osd dnd tab.destructive-action.osd:focus image, dnd .osd tab.destructive-action.osd:focus image, .osd tabbar tab.destructive-action.osd:focus image, tabbar .osd tab.destructive-action.osd:focus image, .osd dnd tab.destructive-action.osd:focus arrow, dnd .osd tab.destructive-action.osd:focus arrow, .osd tabbar tab.destructive-action.osd:focus arrow, tabbar .osd tab.destructive-action.osd:focus arrow, .osd button.destructive-action:hover, .osd button.destructive-action:hover image, .osd button.destructive-action:hover arrow, .osd button.destructive-action:focus, .osd button.destructive-action:focus image, .osd button.destructive-action:focus arrow, .osd button.destructive-action.osd:hover, .osd button.destructive-action.osd:hover image, .osd button.destructive-action.osd:hover arrow, .osd button.destructive-action.osd:focus, .osd button.destructive-action.osd:focus image, .osd button.destructive-action.osd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action.keyboard-activating, dnd .osd tab.destructive-action.keyboard-activating, .osd tabbar tab.destructive-action.keyboard-activating, tabbar .osd tab.destructive-action.keyboard-activating, .osd notebook > header tabs > tab.destructive-action.keyboard-activating, notebook > header .osd tabs > tab.destructive-action.keyboard-activating, .osd notebook > header dnd tab.keyboard-activating, dnd .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tab.keyboard-activating, tabbar .osd notebook > header tab.keyboard-activating, .osd notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar .osd notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header .osd dnd tab.keyboard-activating, dnd notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tab.keyboard-activating, tabbar notebook > header .osd tab.keyboard-activating, notebook > header .osd tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header .osd tabbox > tabboxchild.keyboard-activating, .osd notebook > header > tabs > arrow.destructive-action.keyboard-activating, .osd button.destructive-action:active, .osd button.destructive-action.keyboard-activating, .osd button.destructive-action.osd:active, .osd button.destructive-action.osd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd dnd tab.destructive-action:selected, dnd .osd tab.destructive-action:selected, .osd tabbar tab.destructive-action:selected, tabbar .osd tab.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd dnd tab.destructive-action.has-open-popup, dnd .osd tab.destructive-action.has-open-popup, .osd tabbar tab.destructive-action.has-open-popup, tabbar .osd tab.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd button.destructive-action:checked, .osd button.destructive-action:selected, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header dnd tab.destructive-action:checked, dnd .osd notebook > header tab.destructive-action:checked, .osd notebook > header tabbar tab.destructive-action:checked, tabbar .osd notebook > header tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd dnd tab.destructive-action:checked, dnd notebook > header .osd tab.destructive-action:checked, notebook > header .osd tabbar tab.destructive-action:checked, tabbar notebook > header .osd tab.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd dnd tab.destructive-action:checked image, dnd .osd tab.destructive-action:checked image, .osd tabbar tab.destructive-action:checked image, tabbar .osd tab.destructive-action:checked image, .osd notebook > header tabs > tab.destructive-action:checked image, notebook > header .osd tabs > tab.destructive-action:checked image, .osd notebook > header dnd tab.destructive-action:checked image, dnd .osd notebook > header tab.destructive-action:checked image, .osd notebook > header tabbar tab.destructive-action:checked image, tabbar .osd notebook > header tab.destructive-action:checked image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked image, notebook > header .osd dnd tab.destructive-action:checked image, dnd notebook > header .osd tab.destructive-action:checked image, notebook > header .osd tabbar tab.destructive-action:checked image, tabbar notebook > header .osd tab.destructive-action:checked image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked image, .osd notebook > header > tabs > arrow.destructive-action:checked image, .osd dnd tab.destructive-action:checked arrow, dnd .osd tab.destructive-action:checked arrow, .osd tabbar tab.destructive-action:checked arrow, tabbar .osd tab.destructive-action:checked arrow, .osd notebook > header tabs > tab.destructive-action:checked arrow, notebook > header .osd tabs > tab.destructive-action:checked arrow, .osd notebook > header dnd tab.destructive-action:checked arrow, dnd .osd notebook > header tab.destructive-action:checked arrow, .osd notebook > header tabbar tab.destructive-action:checked arrow, tabbar .osd notebook > header tab.destructive-action:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked arrow, notebook > header .osd dnd tab.destructive-action:checked arrow, dnd notebook > header .osd tab.destructive-action:checked arrow, notebook > header .osd tabbar tab.destructive-action:checked arrow, tabbar notebook > header .osd tab.destructive-action:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked arrow, .osd notebook > header > tabs > arrow.destructive-action:checked arrow, .osd dnd tab.destructive-action:selected, dnd .osd tab.destructive-action:selected, .osd tabbar tab.destructive-action:selected, tabbar .osd tab.destructive-action:selected, .osd notebook > header tabs > tab.destructive-action:selected, notebook > header .osd tabs > tab.destructive-action:selected, .osd notebook > header dnd tab.destructive-action:selected, dnd .osd notebook > header tab.destructive-action:selected, .osd notebook > header tabbar tab.destructive-action:selected, tabbar .osd notebook > header tab.destructive-action:selected, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected, notebook > header .osd dnd tab.destructive-action:selected, dnd notebook > header .osd tab.destructive-action:selected, notebook > header .osd tabbar tab.destructive-action:selected, tabbar notebook > header .osd tab.destructive-action:selected, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected, .osd notebook > header > tabs > arrow.destructive-action:selected, .osd dnd tab.destructive-action:selected image, dnd .osd tab.destructive-action:selected image, .osd tabbar tab.destructive-action:selected image, tabbar .osd tab.destructive-action:selected image, .osd notebook > header tabs > tab.destructive-action:selected image, notebook > header .osd tabs > tab.destructive-action:selected image, .osd notebook > header dnd tab.destructive-action:selected image, dnd .osd notebook > header tab.destructive-action:selected image, .osd notebook > header tabbar tab.destructive-action:selected image, tabbar .osd notebook > header tab.destructive-action:selected image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected image, notebook > header .osd dnd tab.destructive-action:selected image, dnd notebook > header .osd tab.destructive-action:selected image, notebook > header .osd tabbar tab.destructive-action:selected image, tabbar notebook > header .osd tab.destructive-action:selected image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected image, .osd notebook > header > tabs > arrow.destructive-action:selected image, .osd dnd tab.destructive-action:selected arrow, dnd .osd tab.destructive-action:selected arrow, .osd tabbar tab.destructive-action:selected arrow, tabbar .osd tab.destructive-action:selected arrow, .osd notebook > header tabs > tab.destructive-action:selected arrow, notebook > header .osd tabs > tab.destructive-action:selected arrow, .osd notebook > header dnd tab.destructive-action:selected arrow, dnd .osd notebook > header tab.destructive-action:selected arrow, .osd notebook > header tabbar tab.destructive-action:selected arrow, tabbar .osd notebook > header tab.destructive-action:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected arrow, notebook > header .osd dnd tab.destructive-action:selected arrow, dnd notebook > header .osd tab.destructive-action:selected arrow, notebook > header .osd tabbar tab.destructive-action:selected arrow, tabbar notebook > header .osd tab.destructive-action:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected arrow, .osd notebook > header > tabs > arrow.destructive-action:selected arrow, .osd dnd tab.destructive-action.has-open-popup, dnd .osd tab.destructive-action.has-open-popup, .osd tabbar tab.destructive-action.has-open-popup, tabbar .osd tab.destructive-action.has-open-popup, .osd notebook > header tabs > tab.destructive-action.has-open-popup, notebook > header .osd tabs > tab.destructive-action.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup, .osd dnd tab.destructive-action.has-open-popup image, dnd .osd tab.destructive-action.has-open-popup image, .osd tabbar tab.destructive-action.has-open-popup image, tabbar .osd tab.destructive-action.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup image, .osd dnd tab.destructive-action.has-open-popup arrow, dnd .osd tab.destructive-action.has-open-popup arrow, .osd tabbar tab.destructive-action.has-open-popup arrow, tabbar .osd tab.destructive-action.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup arrow, .osd dnd tab.destructive-action.osd:checked, dnd .osd tab.destructive-action.osd:checked, .osd tabbar tab.destructive-action.osd:checked, tabbar .osd tab.destructive-action.osd:checked, .osd notebook > header tabs > tab.destructive-action.osd:checked, notebook > header .osd tabs > tab.destructive-action.osd:checked, .osd notebook > header dnd tab.osd:checked, dnd .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tab.osd:checked, tabbar .osd notebook > header tab.osd:checked, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked, notebook > header .osd dnd tab.osd:checked, dnd notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tab.osd:checked, tabbar notebook > header .osd tab.osd:checked, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked, .osd dnd tab.destructive-action.osd:checked image, dnd .osd tab.destructive-action.osd:checked image, .osd tabbar tab.destructive-action.osd:checked image, tabbar .osd tab.destructive-action.osd:checked image, .osd notebook > header tabs > tab.destructive-action.osd:checked image, notebook > header .osd tabs > tab.destructive-action.osd:checked image, .osd notebook > header dnd tab.osd:checked image, dnd .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tab.osd:checked image, tabbar .osd notebook > header tab.osd:checked image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked image, notebook > header .osd dnd tab.osd:checked image, dnd notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tab.osd:checked image, tabbar notebook > header .osd tab.osd:checked image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked image, .osd dnd tab.destructive-action.osd:checked arrow, dnd .osd tab.destructive-action.osd:checked arrow, .osd tabbar tab.destructive-action.osd:checked arrow, tabbar .osd tab.destructive-action.osd:checked arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked arrow, .osd notebook > header dnd tab.osd:checked arrow, dnd .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tab.osd:checked arrow, tabbar .osd notebook > header tab.osd:checked arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked arrow, notebook > header .osd dnd tab.osd:checked arrow, dnd notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tab.osd:checked arrow, tabbar notebook > header .osd tab.osd:checked arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked arrow, .osd dnd tab.destructive-action.osd:selected, dnd .osd tab.destructive-action.osd:selected, .osd tabbar tab.destructive-action.osd:selected, tabbar .osd tab.destructive-action.osd:selected, .osd notebook > header tabs > tab.destructive-action.osd:selected, notebook > header .osd tabs > tab.destructive-action.osd:selected, .osd notebook > header dnd tab.osd:selected, dnd .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tab.osd:selected, tabbar .osd notebook > header tab.osd:selected, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected, notebook > header .osd dnd tab.osd:selected, dnd notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tab.osd:selected, tabbar notebook > header .osd tab.osd:selected, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected, .osd dnd tab.destructive-action.osd:selected image, dnd .osd tab.destructive-action.osd:selected image, .osd tabbar tab.destructive-action.osd:selected image, tabbar .osd tab.destructive-action.osd:selected image, .osd notebook > header tabs > tab.destructive-action.osd:selected image, notebook > header .osd tabs > tab.destructive-action.osd:selected image, .osd notebook > header dnd tab.osd:selected image, dnd .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tab.osd:selected image, tabbar .osd notebook > header tab.osd:selected image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected image, notebook > header .osd dnd tab.osd:selected image, dnd notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tab.osd:selected image, tabbar notebook > header .osd tab.osd:selected image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected image, .osd dnd tab.destructive-action.osd:selected arrow, dnd .osd tab.destructive-action.osd:selected arrow, .osd tabbar tab.destructive-action.osd:selected arrow, tabbar .osd tab.destructive-action.osd:selected arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected arrow, .osd notebook > header dnd tab.osd:selected arrow, dnd .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tab.osd:selected arrow, tabbar .osd notebook > header tab.osd:selected arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected arrow, notebook > header .osd dnd tab.osd:selected arrow, dnd notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tab.osd:selected arrow, tabbar notebook > header .osd tab.osd:selected arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected arrow, .osd dnd tab.destructive-action.osd.has-open-popup, dnd .osd tab.destructive-action.osd.has-open-popup, .osd tabbar tab.destructive-action.osd.has-open-popup, tabbar .osd tab.destructive-action.osd.has-open-popup, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup, .osd notebook > header dnd tab.has-open-popup, dnd .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tab.has-open-popup, tabbar .osd notebook > header tab.has-open-popup, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup, notebook > header .osd dnd tab.has-open-popup, dnd notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tab.has-open-popup, tabbar notebook > header .osd tab.has-open-popup, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup, .osd dnd tab.destructive-action.osd.has-open-popup image, dnd .osd tab.destructive-action.osd.has-open-popup image, .osd tabbar tab.destructive-action.osd.has-open-popup image, tabbar .osd tab.destructive-action.osd.has-open-popup image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup image, .osd notebook > header dnd tab.has-open-popup image, dnd .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tab.has-open-popup image, tabbar .osd notebook > header tab.has-open-popup image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup image, notebook > header .osd dnd tab.has-open-popup image, dnd notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tab.has-open-popup image, tabbar notebook > header .osd tab.has-open-popup image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup image, .osd dnd tab.destructive-action.osd.has-open-popup arrow, dnd .osd tab.destructive-action.osd.has-open-popup arrow, .osd tabbar tab.destructive-action.osd.has-open-popup arrow, tabbar .osd tab.destructive-action.osd.has-open-popup arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup arrow, .osd notebook > header dnd tab.has-open-popup arrow, dnd .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tab.has-open-popup arrow, tabbar .osd notebook > header tab.has-open-popup arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup arrow, notebook > header .osd dnd tab.has-open-popup arrow, dnd notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tab.has-open-popup arrow, tabbar notebook > header .osd tab.has-open-popup arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup arrow, .osd button.destructive-action:checked, .osd button.destructive-action:checked image, .osd button.destructive-action:checked arrow, .osd button.destructive-action:selected, .osd button.destructive-action:selected image, .osd button.destructive-action:selected arrow, .osd button.destructive-action.has-open-popup, .osd button.destructive-action.has-open-popup image, .osd button.destructive-action.has-open-popup arrow, .osd button.destructive-action.osd:checked, .osd button.destructive-action.osd:checked image, .osd button.destructive-action.osd:checked arrow, .osd button.destructive-action.osd:selected, .osd button.destructive-action.osd:selected image, .osd button.destructive-action.osd:selected arrow, .osd button.destructive-action.osd.has-open-popup, .osd button.destructive-action.osd.has-open-popup image, .osd button.destructive-action.osd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.osd dnd tab.destructive-action:checked:hover, dnd .osd tab.destructive-action:checked:hover, .osd tabbar tab.destructive-action:checked:hover, tabbar .osd tab.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header dnd tab.destructive-action:checked:hover, dnd .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tab.destructive-action:checked:hover, tabbar .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header .osd dnd tab.destructive-action:checked:hover, dnd notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tab.destructive-action:checked:hover, tabbar notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd dnd tab.destructive-action:checked:focus, dnd .osd tab.destructive-action:checked:focus, .osd tabbar tab.destructive-action:checked:focus, tabbar .osd tab.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header dnd tab.destructive-action:checked:focus, dnd .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tab.destructive-action:checked:focus, tabbar .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header .osd dnd tab.destructive-action:checked:focus, dnd notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tab.destructive-action:checked:focus, tabbar notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd dnd tab.destructive-action:selected:hover, dnd .osd tab.destructive-action:selected:hover, .osd tabbar tab.destructive-action:selected:hover, tabbar .osd tab.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header dnd tab.destructive-action:selected:hover, dnd .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tab.destructive-action:selected:hover, tabbar .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header .osd dnd tab.destructive-action:selected:hover, dnd notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tab.destructive-action:selected:hover, tabbar notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd dnd tab.destructive-action:selected:focus, dnd .osd tab.destructive-action:selected:focus, .osd tabbar tab.destructive-action:selected:focus, tabbar .osd tab.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header dnd tab.destructive-action:selected:focus, dnd .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tab.destructive-action:selected:focus, tabbar .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header .osd dnd tab.destructive-action:selected:focus, dnd notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tab.destructive-action:selected:focus, tabbar notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd dnd tab.destructive-action.has-open-popup:hover, dnd .osd tab.destructive-action.has-open-popup:hover, .osd tabbar tab.destructive-action.has-open-popup:hover, tabbar .osd tab.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd dnd tab.destructive-action.has-open-popup:focus, dnd .osd tab.destructive-action.has-open-popup:focus, .osd tabbar tab.destructive-action.has-open-popup:focus, tabbar .osd tab.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd dnd tab.destructive-action.osd:checked:hover, dnd .osd tab.destructive-action.osd:checked:hover, .osd tabbar tab.destructive-action.osd:checked:hover, tabbar .osd tab.destructive-action.osd:checked:hover, .osd dnd tab.destructive-action.osd:checked:focus, dnd .osd tab.destructive-action.osd:checked:focus, .osd tabbar tab.destructive-action.osd:checked:focus, tabbar .osd tab.destructive-action.osd:checked:focus, .osd dnd tab.destructive-action.osd:selected:hover, dnd .osd tab.destructive-action.osd:selected:hover, .osd tabbar tab.destructive-action.osd:selected:hover, tabbar .osd tab.destructive-action.osd:selected:hover, .osd dnd tab.destructive-action.osd:selected:focus, dnd .osd tab.destructive-action.osd:selected:focus, .osd tabbar tab.destructive-action.osd:selected:focus, tabbar .osd tab.destructive-action.osd:selected:focus, .osd dnd tab.destructive-action.osd.has-open-popup:hover, dnd .osd tab.destructive-action.osd.has-open-popup:hover, .osd tabbar tab.destructive-action.osd.has-open-popup:hover, tabbar .osd tab.destructive-action.osd.has-open-popup:hover, .osd dnd tab.destructive-action.osd.has-open-popup:focus, dnd .osd tab.destructive-action.osd.has-open-popup:focus, .osd tabbar tab.destructive-action.osd.has-open-popup:focus, tabbar .osd tab.destructive-action.osd.has-open-popup:focus, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:focus, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:focus, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.osd dnd tab.destructive-action:checked:hover, dnd .osd tab.destructive-action:checked:hover, .osd tabbar tab.destructive-action:checked:hover, tabbar .osd tab.destructive-action:checked:hover, .osd notebook > header tabs > tab.destructive-action:checked:hover, notebook > header .osd tabs > tab.destructive-action:checked:hover, .osd notebook > header dnd tab.destructive-action:checked:hover, dnd .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tab.destructive-action:checked:hover, tabbar .osd notebook > header tab.destructive-action:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover, notebook > header .osd dnd tab.destructive-action:checked:hover, dnd notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tab.destructive-action:checked:hover, tabbar notebook > header .osd tab.destructive-action:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover, .osd notebook > header > tabs > arrow.destructive-action:checked:hover, .osd columnview.view > header > button.destructive-action:checked:hover, .osd treeview.view > header > button.destructive-action:checked:hover, .osd dnd tab.destructive-action:checked:hover image, dnd .osd tab.destructive-action:checked:hover image, .osd tabbar tab.destructive-action:checked:hover image, tabbar .osd tab.destructive-action:checked:hover image, .osd notebook > header tabs > tab.destructive-action:checked:hover image, notebook > header .osd tabs > tab.destructive-action:checked:hover image, .osd notebook > header dnd tab.destructive-action:checked:hover image, dnd .osd notebook > header tab.destructive-action:checked:hover image, .osd notebook > header tabbar tab.destructive-action:checked:hover image, tabbar .osd notebook > header tab.destructive-action:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover image, notebook > header .osd dnd tab.destructive-action:checked:hover image, dnd notebook > header .osd tab.destructive-action:checked:hover image, notebook > header .osd tabbar tab.destructive-action:checked:hover image, tabbar notebook > header .osd tab.destructive-action:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action:checked:hover image, .osd columnview.view > header > button.destructive-action:checked:hover image, .osd treeview.view > header > button.destructive-action:checked:hover image, .osd dnd tab.destructive-action:checked:hover arrow, dnd .osd tab.destructive-action:checked:hover arrow, .osd tabbar tab.destructive-action:checked:hover arrow, tabbar .osd tab.destructive-action:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action:checked:hover arrow, .osd notebook > header dnd tab.destructive-action:checked:hover arrow, dnd .osd notebook > header tab.destructive-action:checked:hover arrow, .osd notebook > header tabbar tab.destructive-action:checked:hover arrow, tabbar .osd notebook > header tab.destructive-action:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:hover arrow, notebook > header .osd dnd tab.destructive-action:checked:hover arrow, dnd notebook > header .osd tab.destructive-action:checked:hover arrow, notebook > header .osd tabbar tab.destructive-action:checked:hover arrow, tabbar notebook > header .osd tab.destructive-action:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:hover arrow, .osd columnview.view > header > button.destructive-action:checked:hover arrow, .osd treeview.view > header > button.destructive-action:checked:hover arrow, .osd dnd tab.destructive-action:checked:focus, dnd .osd tab.destructive-action:checked:focus, .osd tabbar tab.destructive-action:checked:focus, tabbar .osd tab.destructive-action:checked:focus, .osd notebook > header tabs > tab.destructive-action:checked:focus, notebook > header .osd tabs > tab.destructive-action:checked:focus, .osd notebook > header dnd tab.destructive-action:checked:focus, dnd .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tab.destructive-action:checked:focus, tabbar .osd notebook > header tab.destructive-action:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus, notebook > header .osd dnd tab.destructive-action:checked:focus, dnd notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tab.destructive-action:checked:focus, tabbar notebook > header .osd tab.destructive-action:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus, .osd notebook > header > tabs > arrow.destructive-action:checked:focus, .osd columnview.view > header > button.destructive-action:checked:focus, .osd treeview.view > header > button.destructive-action:checked:focus, .osd dnd tab.destructive-action:checked:focus image, dnd .osd tab.destructive-action:checked:focus image, .osd tabbar tab.destructive-action:checked:focus image, tabbar .osd tab.destructive-action:checked:focus image, .osd notebook > header tabs > tab.destructive-action:checked:focus image, notebook > header .osd tabs > tab.destructive-action:checked:focus image, .osd notebook > header dnd tab.destructive-action:checked:focus image, dnd .osd notebook > header tab.destructive-action:checked:focus image, .osd notebook > header tabbar tab.destructive-action:checked:focus image, tabbar .osd notebook > header tab.destructive-action:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus image, notebook > header .osd dnd tab.destructive-action:checked:focus image, dnd notebook > header .osd tab.destructive-action:checked:focus image, notebook > header .osd tabbar tab.destructive-action:checked:focus image, tabbar notebook > header .osd tab.destructive-action:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action:checked:focus image, .osd columnview.view > header > button.destructive-action:checked:focus image, .osd treeview.view > header > button.destructive-action:checked:focus image, .osd dnd tab.destructive-action:checked:focus arrow, dnd .osd tab.destructive-action:checked:focus arrow, .osd tabbar tab.destructive-action:checked:focus arrow, tabbar .osd tab.destructive-action:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action:checked:focus arrow, .osd notebook > header dnd tab.destructive-action:checked:focus arrow, dnd .osd notebook > header tab.destructive-action:checked:focus arrow, .osd notebook > header tabbar tab.destructive-action:checked:focus arrow, tabbar .osd notebook > header tab.destructive-action:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked:focus arrow, notebook > header .osd dnd tab.destructive-action:checked:focus arrow, dnd notebook > header .osd tab.destructive-action:checked:focus arrow, notebook > header .osd tabbar tab.destructive-action:checked:focus arrow, tabbar notebook > header .osd tab.destructive-action:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:checked:focus arrow, .osd columnview.view > header > button.destructive-action:checked:focus arrow, .osd treeview.view > header > button.destructive-action:checked:focus arrow, .osd dnd tab.destructive-action:selected:hover, dnd .osd tab.destructive-action:selected:hover, .osd tabbar tab.destructive-action:selected:hover, tabbar .osd tab.destructive-action:selected:hover, .osd notebook > header tabs > tab.destructive-action:selected:hover, notebook > header .osd tabs > tab.destructive-action:selected:hover, .osd notebook > header dnd tab.destructive-action:selected:hover, dnd .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tab.destructive-action:selected:hover, tabbar .osd notebook > header tab.destructive-action:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover, notebook > header .osd dnd tab.destructive-action:selected:hover, dnd notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tab.destructive-action:selected:hover, tabbar notebook > header .osd tab.destructive-action:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover, .osd notebook > header > tabs > arrow.destructive-action:selected:hover, .osd columnview.view > header > button.destructive-action:selected:hover, .osd treeview.view > header > button.destructive-action:selected:hover, .osd dnd tab.destructive-action:selected:hover image, dnd .osd tab.destructive-action:selected:hover image, .osd tabbar tab.destructive-action:selected:hover image, tabbar .osd tab.destructive-action:selected:hover image, .osd notebook > header tabs > tab.destructive-action:selected:hover image, notebook > header .osd tabs > tab.destructive-action:selected:hover image, .osd notebook > header dnd tab.destructive-action:selected:hover image, dnd .osd notebook > header tab.destructive-action:selected:hover image, .osd notebook > header tabbar tab.destructive-action:selected:hover image, tabbar .osd notebook > header tab.destructive-action:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover image, notebook > header .osd dnd tab.destructive-action:selected:hover image, dnd notebook > header .osd tab.destructive-action:selected:hover image, notebook > header .osd tabbar tab.destructive-action:selected:hover image, tabbar notebook > header .osd tab.destructive-action:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action:selected:hover image, .osd columnview.view > header > button.destructive-action:selected:hover image, .osd treeview.view > header > button.destructive-action:selected:hover image, .osd dnd tab.destructive-action:selected:hover arrow, dnd .osd tab.destructive-action:selected:hover arrow, .osd tabbar tab.destructive-action:selected:hover arrow, tabbar .osd tab.destructive-action:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action:selected:hover arrow, .osd notebook > header dnd tab.destructive-action:selected:hover arrow, dnd .osd notebook > header tab.destructive-action:selected:hover arrow, .osd notebook > header tabbar tab.destructive-action:selected:hover arrow, tabbar .osd notebook > header tab.destructive-action:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:hover arrow, notebook > header .osd dnd tab.destructive-action:selected:hover arrow, dnd notebook > header .osd tab.destructive-action:selected:hover arrow, notebook > header .osd tabbar tab.destructive-action:selected:hover arrow, tabbar notebook > header .osd tab.destructive-action:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:hover arrow, .osd columnview.view > header > button.destructive-action:selected:hover arrow, .osd treeview.view > header > button.destructive-action:selected:hover arrow, .osd dnd tab.destructive-action:selected:focus, dnd .osd tab.destructive-action:selected:focus, .osd tabbar tab.destructive-action:selected:focus, tabbar .osd tab.destructive-action:selected:focus, .osd notebook > header tabs > tab.destructive-action:selected:focus, notebook > header .osd tabs > tab.destructive-action:selected:focus, .osd notebook > header dnd tab.destructive-action:selected:focus, dnd .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tab.destructive-action:selected:focus, tabbar .osd notebook > header tab.destructive-action:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus, notebook > header .osd dnd tab.destructive-action:selected:focus, dnd notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tab.destructive-action:selected:focus, tabbar notebook > header .osd tab.destructive-action:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus, .osd notebook > header > tabs > arrow.destructive-action:selected:focus, .osd columnview.view > header > button.destructive-action:selected:focus, .osd treeview.view > header > button.destructive-action:selected:focus, .osd dnd tab.destructive-action:selected:focus image, dnd .osd tab.destructive-action:selected:focus image, .osd tabbar tab.destructive-action:selected:focus image, tabbar .osd tab.destructive-action:selected:focus image, .osd notebook > header tabs > tab.destructive-action:selected:focus image, notebook > header .osd tabs > tab.destructive-action:selected:focus image, .osd notebook > header dnd tab.destructive-action:selected:focus image, dnd .osd notebook > header tab.destructive-action:selected:focus image, .osd notebook > header tabbar tab.destructive-action:selected:focus image, tabbar .osd notebook > header tab.destructive-action:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus image, notebook > header .osd dnd tab.destructive-action:selected:focus image, dnd notebook > header .osd tab.destructive-action:selected:focus image, notebook > header .osd tabbar tab.destructive-action:selected:focus image, tabbar notebook > header .osd tab.destructive-action:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action:selected:focus image, .osd columnview.view > header > button.destructive-action:selected:focus image, .osd treeview.view > header > button.destructive-action:selected:focus image, .osd dnd tab.destructive-action:selected:focus arrow, dnd .osd tab.destructive-action:selected:focus arrow, .osd tabbar tab.destructive-action:selected:focus arrow, tabbar .osd tab.destructive-action:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action:selected:focus arrow, .osd notebook > header dnd tab.destructive-action:selected:focus arrow, dnd .osd notebook > header tab.destructive-action:selected:focus arrow, .osd notebook > header tabbar tab.destructive-action:selected:focus arrow, tabbar .osd notebook > header tab.destructive-action:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:selected:focus arrow, notebook > header .osd dnd tab.destructive-action:selected:focus arrow, dnd notebook > header .osd tab.destructive-action:selected:focus arrow, notebook > header .osd tabbar tab.destructive-action:selected:focus arrow, tabbar notebook > header .osd tab.destructive-action:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action:selected:focus arrow, .osd columnview.view > header > button.destructive-action:selected:focus arrow, .osd treeview.view > header > button.destructive-action:selected:focus arrow, .osd dnd tab.destructive-action.has-open-popup:hover, dnd .osd tab.destructive-action.has-open-popup:hover, .osd tabbar tab.destructive-action.has-open-popup:hover, tabbar .osd tab.destructive-action.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover, .osd columnview.view > header > button.destructive-action.has-open-popup:hover, .osd treeview.view > header > button.destructive-action.has-open-popup:hover, .osd dnd tab.destructive-action.has-open-popup:hover image, dnd .osd tab.destructive-action.has-open-popup:hover image, .osd tabbar tab.destructive-action.has-open-popup:hover image, tabbar .osd tab.destructive-action.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover image, .osd columnview.view > header > button.destructive-action.has-open-popup:hover image, .osd treeview.view > header > button.destructive-action.has-open-popup:hover image, .osd dnd tab.destructive-action.has-open-popup:hover arrow, dnd .osd tab.destructive-action.has-open-popup:hover arrow, .osd tabbar tab.destructive-action.has-open-popup:hover arrow, tabbar .osd tab.destructive-action.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:hover arrow, .osd columnview.view > header > button.destructive-action.has-open-popup:hover arrow, .osd treeview.view > header > button.destructive-action.has-open-popup:hover arrow, .osd dnd tab.destructive-action.has-open-popup:focus, dnd .osd tab.destructive-action.has-open-popup:focus, .osd tabbar tab.destructive-action.has-open-popup:focus, tabbar .osd tab.destructive-action.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus, .osd columnview.view > header > button.destructive-action.has-open-popup:focus, .osd treeview.view > header > button.destructive-action.has-open-popup:focus, .osd dnd tab.destructive-action.has-open-popup:focus image, dnd .osd tab.destructive-action.has-open-popup:focus image, .osd tabbar tab.destructive-action.has-open-popup:focus image, tabbar .osd tab.destructive-action.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus image, .osd columnview.view > header > button.destructive-action.has-open-popup:focus image, .osd treeview.view > header > button.destructive-action.has-open-popup:focus image, .osd dnd tab.destructive-action.has-open-popup:focus arrow, dnd .osd tab.destructive-action.has-open-popup:focus arrow, .osd tabbar tab.destructive-action.has-open-popup:focus arrow, tabbar .osd tab.destructive-action.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.has-open-popup:focus arrow, .osd columnview.view > header > button.destructive-action.has-open-popup:focus arrow, .osd treeview.view > header > button.destructive-action.has-open-popup:focus arrow, .osd dnd tab.destructive-action.osd:checked:hover, dnd .osd tab.destructive-action.osd:checked:hover, .osd tabbar tab.destructive-action.osd:checked:hover, tabbar .osd tab.destructive-action.osd:checked:hover, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover, .osd notebook > header dnd tab.osd:checked:hover, dnd .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tab.osd:checked:hover, tabbar .osd notebook > header tab.osd:checked:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover, notebook > header .osd dnd tab.osd:checked:hover, dnd notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tab.osd:checked:hover, tabbar notebook > header .osd tab.osd:checked:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover, .osd columnview.view > header > button.destructive-action.osd:checked:hover, .osd treeview.view > header > button.destructive-action.osd:checked:hover, .osd dnd tab.destructive-action.osd:checked:hover image, dnd .osd tab.destructive-action.osd:checked:hover image, .osd tabbar tab.destructive-action.osd:checked:hover image, tabbar .osd tab.destructive-action.osd:checked:hover image, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover image, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover image, .osd notebook > header dnd tab.osd:checked:hover image, dnd .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tab.osd:checked:hover image, tabbar .osd notebook > header tab.osd:checked:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover image, notebook > header .osd dnd tab.osd:checked:hover image, dnd notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tab.osd:checked:hover image, tabbar notebook > header .osd tab.osd:checked:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover image, .osd columnview.view > header > button.destructive-action.osd:checked:hover image, .osd treeview.view > header > button.destructive-action.osd:checked:hover image, .osd dnd tab.destructive-action.osd:checked:hover arrow, dnd .osd tab.destructive-action.osd:checked:hover arrow, .osd tabbar tab.destructive-action.osd:checked:hover arrow, tabbar .osd tab.destructive-action.osd:checked:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:hover arrow, .osd notebook > header dnd tab.osd:checked:hover arrow, dnd .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tab.osd:checked:hover arrow, tabbar .osd notebook > header tab.osd:checked:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:hover arrow, notebook > header .osd dnd tab.osd:checked:hover arrow, dnd notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tab.osd:checked:hover arrow, tabbar notebook > header .osd tab.osd:checked:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:hover arrow, .osd columnview.view > header > button.destructive-action.osd:checked:hover arrow, .osd treeview.view > header > button.destructive-action.osd:checked:hover arrow, .osd dnd tab.destructive-action.osd:checked:focus, dnd .osd tab.destructive-action.osd:checked:focus, .osd tabbar tab.destructive-action.osd:checked:focus, tabbar .osd tab.destructive-action.osd:checked:focus, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus, .osd notebook > header dnd tab.osd:checked:focus, dnd .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tab.osd:checked:focus, tabbar .osd notebook > header tab.osd:checked:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus, notebook > header .osd dnd tab.osd:checked:focus, dnd notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tab.osd:checked:focus, tabbar notebook > header .osd tab.osd:checked:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus, .osd columnview.view > header > button.destructive-action.osd:checked:focus, .osd treeview.view > header > button.destructive-action.osd:checked:focus, .osd dnd tab.destructive-action.osd:checked:focus image, dnd .osd tab.destructive-action.osd:checked:focus image, .osd tabbar tab.destructive-action.osd:checked:focus image, tabbar .osd tab.destructive-action.osd:checked:focus image, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus image, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus image, .osd notebook > header dnd tab.osd:checked:focus image, dnd .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tab.osd:checked:focus image, tabbar .osd notebook > header tab.osd:checked:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus image, notebook > header .osd dnd tab.osd:checked:focus image, dnd notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tab.osd:checked:focus image, tabbar notebook > header .osd tab.osd:checked:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus image, .osd columnview.view > header > button.destructive-action.osd:checked:focus image, .osd treeview.view > header > button.destructive-action.osd:checked:focus image, .osd dnd tab.destructive-action.osd:checked:focus arrow, dnd .osd tab.destructive-action.osd:checked:focus arrow, .osd tabbar tab.destructive-action.osd:checked:focus arrow, tabbar .osd tab.destructive-action.osd:checked:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:checked:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:checked:focus arrow, .osd notebook > header dnd tab.osd:checked:focus arrow, dnd .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tab.osd:checked:focus arrow, tabbar .osd notebook > header tab.osd:checked:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:checked:focus arrow, notebook > header .osd dnd tab.osd:checked:focus arrow, dnd notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tab.osd:checked:focus arrow, tabbar notebook > header .osd tab.osd:checked:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:checked:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:checked:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:checked:focus arrow, .osd columnview.view > header > button.destructive-action.osd:checked:focus arrow, .osd treeview.view > header > button.destructive-action.osd:checked:focus arrow, .osd dnd tab.destructive-action.osd:selected:hover, dnd .osd tab.destructive-action.osd:selected:hover, .osd tabbar tab.destructive-action.osd:selected:hover, tabbar .osd tab.destructive-action.osd:selected:hover, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover, .osd notebook > header dnd tab.osd:selected:hover, dnd .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tab.osd:selected:hover, tabbar .osd notebook > header tab.osd:selected:hover, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover, notebook > header .osd dnd tab.osd:selected:hover, dnd notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tab.osd:selected:hover, tabbar notebook > header .osd tab.osd:selected:hover, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover, .osd columnview.view > header > button.destructive-action.osd:selected:hover, .osd treeview.view > header > button.destructive-action.osd:selected:hover, .osd dnd tab.destructive-action.osd:selected:hover image, dnd .osd tab.destructive-action.osd:selected:hover image, .osd tabbar tab.destructive-action.osd:selected:hover image, tabbar .osd tab.destructive-action.osd:selected:hover image, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover image, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover image, .osd notebook > header dnd tab.osd:selected:hover image, dnd .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tab.osd:selected:hover image, tabbar .osd notebook > header tab.osd:selected:hover image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover image, notebook > header .osd dnd tab.osd:selected:hover image, dnd notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tab.osd:selected:hover image, tabbar notebook > header .osd tab.osd:selected:hover image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover image, .osd columnview.view > header > button.destructive-action.osd:selected:hover image, .osd treeview.view > header > button.destructive-action.osd:selected:hover image, .osd dnd tab.destructive-action.osd:selected:hover arrow, dnd .osd tab.destructive-action.osd:selected:hover arrow, .osd tabbar tab.destructive-action.osd:selected:hover arrow, tabbar .osd tab.destructive-action.osd:selected:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:hover arrow, .osd notebook > header dnd tab.osd:selected:hover arrow, dnd .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tab.osd:selected:hover arrow, tabbar .osd notebook > header tab.osd:selected:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:hover arrow, notebook > header .osd dnd tab.osd:selected:hover arrow, dnd notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tab.osd:selected:hover arrow, tabbar notebook > header .osd tab.osd:selected:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:hover arrow, .osd columnview.view > header > button.destructive-action.osd:selected:hover arrow, .osd treeview.view > header > button.destructive-action.osd:selected:hover arrow, .osd dnd tab.destructive-action.osd:selected:focus, dnd .osd tab.destructive-action.osd:selected:focus, .osd tabbar tab.destructive-action.osd:selected:focus, tabbar .osd tab.destructive-action.osd:selected:focus, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus, .osd notebook > header dnd tab.osd:selected:focus, dnd .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tab.osd:selected:focus, tabbar .osd notebook > header tab.osd:selected:focus, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus, notebook > header .osd dnd tab.osd:selected:focus, dnd notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tab.osd:selected:focus, tabbar notebook > header .osd tab.osd:selected:focus, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus, .osd columnview.view > header > button.destructive-action.osd:selected:focus, .osd treeview.view > header > button.destructive-action.osd:selected:focus, .osd dnd tab.destructive-action.osd:selected:focus image, dnd .osd tab.destructive-action.osd:selected:focus image, .osd tabbar tab.destructive-action.osd:selected:focus image, tabbar .osd tab.destructive-action.osd:selected:focus image, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus image, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus image, .osd notebook > header dnd tab.osd:selected:focus image, dnd .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tab.osd:selected:focus image, tabbar .osd notebook > header tab.osd:selected:focus image, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus image, notebook > header .osd dnd tab.osd:selected:focus image, dnd notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tab.osd:selected:focus image, tabbar notebook > header .osd tab.osd:selected:focus image, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus image, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus image, .osd columnview.view > header > button.destructive-action.osd:selected:focus image, .osd treeview.view > header > button.destructive-action.osd:selected:focus image, .osd dnd tab.destructive-action.osd:selected:focus arrow, dnd .osd tab.destructive-action.osd:selected:focus arrow, .osd tabbar tab.destructive-action.osd:selected:focus arrow, tabbar .osd tab.destructive-action.osd:selected:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd:selected:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd:selected:focus arrow, .osd notebook > header dnd tab.osd:selected:focus arrow, dnd .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tab.osd:selected:focus arrow, tabbar .osd notebook > header tab.osd:selected:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.osd:selected:focus arrow, notebook > header .osd dnd tab.osd:selected:focus arrow, dnd notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tab.osd:selected:focus arrow, tabbar notebook > header .osd tab.osd:selected:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.osd:selected:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.osd:selected:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd:selected:focus arrow, .osd columnview.view > header > button.destructive-action.osd:selected:focus arrow, .osd treeview.view > header > button.destructive-action.osd:selected:focus arrow, .osd dnd tab.destructive-action.osd.has-open-popup:hover, dnd .osd tab.destructive-action.osd.has-open-popup:hover, .osd tabbar tab.destructive-action.osd.has-open-popup:hover, tabbar .osd tab.destructive-action.osd.has-open-popup:hover, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover, .osd notebook > header dnd tab.has-open-popup:hover, dnd .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tab.has-open-popup:hover, tabbar .osd notebook > header tab.has-open-popup:hover, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover, notebook > header .osd dnd tab.has-open-popup:hover, dnd notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tab.has-open-popup:hover, tabbar notebook > header .osd tab.has-open-popup:hover, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:hover, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:hover, .osd dnd tab.destructive-action.osd.has-open-popup:hover image, dnd .osd tab.destructive-action.osd.has-open-popup:hover image, .osd tabbar tab.destructive-action.osd.has-open-popup:hover image, tabbar .osd tab.destructive-action.osd.has-open-popup:hover image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover image, .osd notebook > header dnd tab.has-open-popup:hover image, dnd .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tab.has-open-popup:hover image, tabbar .osd notebook > header tab.has-open-popup:hover image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover image, notebook > header .osd dnd tab.has-open-popup:hover image, dnd notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tab.has-open-popup:hover image, tabbar notebook > header .osd tab.has-open-popup:hover image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover image, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:hover image, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:hover image, .osd dnd tab.destructive-action.osd.has-open-popup:hover arrow, dnd .osd tab.destructive-action.osd.has-open-popup:hover arrow, .osd tabbar tab.destructive-action.osd.has-open-popup:hover arrow, tabbar .osd tab.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:hover arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:hover arrow, .osd notebook > header dnd tab.has-open-popup:hover arrow, dnd .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tab.has-open-popup:hover arrow, tabbar .osd notebook > header tab.has-open-popup:hover arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:hover arrow, notebook > header .osd dnd tab.has-open-popup:hover arrow, dnd notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tab.has-open-popup:hover arrow, tabbar notebook > header .osd tab.has-open-popup:hover arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:hover arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:hover arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:hover arrow, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:hover arrow, .osd dnd tab.destructive-action.osd.has-open-popup:focus, dnd .osd tab.destructive-action.osd.has-open-popup:focus, .osd tabbar tab.destructive-action.osd.has-open-popup:focus, tabbar .osd tab.destructive-action.osd.has-open-popup:focus, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus, .osd notebook > header dnd tab.has-open-popup:focus, dnd .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tab.has-open-popup:focus, tabbar .osd notebook > header tab.has-open-popup:focus, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus, notebook > header .osd dnd tab.has-open-popup:focus, dnd notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tab.has-open-popup:focus, tabbar notebook > header .osd tab.has-open-popup:focus, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:focus, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:focus, .osd dnd tab.destructive-action.osd.has-open-popup:focus image, dnd .osd tab.destructive-action.osd.has-open-popup:focus image, .osd tabbar tab.destructive-action.osd.has-open-popup:focus image, tabbar .osd tab.destructive-action.osd.has-open-popup:focus image, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus image, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus image, .osd notebook > header dnd tab.has-open-popup:focus image, dnd .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tab.has-open-popup:focus image, tabbar .osd notebook > header tab.has-open-popup:focus image, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus image, notebook > header .osd dnd tab.has-open-popup:focus image, dnd notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tab.has-open-popup:focus image, tabbar notebook > header .osd tab.has-open-popup:focus image, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus image, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus image, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus image, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:focus image, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:focus image, .osd dnd tab.destructive-action.osd.has-open-popup:focus arrow, dnd .osd tab.destructive-action.osd.has-open-popup:focus arrow, .osd tabbar tab.destructive-action.osd.has-open-popup:focus arrow, tabbar .osd tab.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header tabs > tab.destructive-action.osd.has-open-popup:focus arrow, notebook > header .osd tabs > tab.destructive-action.osd.has-open-popup:focus arrow, .osd notebook > header dnd tab.has-open-popup:focus arrow, dnd .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tab.has-open-popup:focus arrow, tabbar .osd notebook > header tab.has-open-popup:focus arrow, .osd notebook > header tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar .osd notebook > header tabbox > tabboxchild.has-open-popup:focus arrow, notebook > header .osd dnd tab.has-open-popup:focus arrow, dnd notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tab.has-open-popup:focus arrow, tabbar notebook > header .osd tab.has-open-popup:focus arrow, notebook > header .osd tabbar tabbox > tabboxchild.has-open-popup:focus arrow, tabbar notebook > header .osd tabbox > tabboxchild.has-open-popup:focus arrow, .osd notebook > header > tabs > arrow.destructive-action.osd.has-open-popup:focus arrow, .osd columnview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, .osd treeview.view > header > button.destructive-action.osd.has-open-popup:focus arrow, .osd button.destructive-action:checked:hover, .osd button.destructive-action:checked:hover image, .osd button.destructive-action:checked:hover arrow, .osd button.destructive-action:checked:focus, .osd button.destructive-action:checked:focus image, .osd button.destructive-action:checked:focus arrow, .osd button.destructive-action:selected:hover, .osd button.destructive-action:selected:hover image, .osd button.destructive-action:selected:hover arrow, .osd button.destructive-action:selected:focus, .osd button.destructive-action:selected:focus image, .osd button.destructive-action:selected:focus arrow, .osd button.destructive-action.has-open-popup:hover, .osd button.destructive-action.has-open-popup:hover image, .osd button.destructive-action.has-open-popup:hover arrow, .osd button.destructive-action.has-open-popup:focus, .osd button.destructive-action.has-open-popup:focus image, .osd button.destructive-action.has-open-popup:focus arrow, .osd button.destructive-action.osd:checked:hover, .osd button.destructive-action.osd:checked:hover image, .osd button.destructive-action.osd:checked:hover arrow, .osd button.destructive-action.osd:checked:focus, .osd button.destructive-action.osd:checked:focus image, .osd button.destructive-action.osd:checked:focus arrow, .osd button.destructive-action.osd:selected:hover, .osd button.destructive-action.osd:selected:hover image, .osd button.destructive-action.osd:selected:hover arrow, .osd button.destructive-action.osd:selected:focus, .osd button.destructive-action.osd:selected:focus image, .osd button.destructive-action.osd:selected:focus arrow, .osd button.destructive-action.osd.has-open-popup:hover, .osd button.destructive-action.osd.has-open-popup:hover image, .osd button.destructive-action.osd.has-open-popup:hover arrow, .osd button.destructive-action.osd.has-open-popup:focus, .osd button.destructive-action.osd.has-open-popup:focus image, .osd button.destructive-action.osd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled, .osd button.destructive-action:disabled:checked, .osd button.destructive-action:disabled:selected, .osd button.destructive-action:disabled.has-open-popup, .osd button.destructive-action.osd:disabled, .osd button.destructive-action.osd:disabled:checked, .osd button.destructive-action.osd:disabled:selected, .osd button.destructive-action.osd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +dnd stackswitcher > tab > label, tabbar stackswitcher > tab > label, notebook > header dnd stackswitcher > tab > label, dnd notebook > header stackswitcher > tab > label, notebook > header tabbar stackswitcher > tab > label, tabbar notebook > header stackswitcher > tab > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +dnd stackswitcher > tab > image, tabbar stackswitcher > tab > image, notebook > header dnd stackswitcher > tab > image, dnd notebook > header stackswitcher > tab > image, notebook > header tabbar stackswitcher > tab > image, tabbar notebook > header stackswitcher > tab > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +dnd stackswitcher > tab, tabbar stackswitcher > tab, notebook > header dnd stackswitcher > tab, dnd notebook > header stackswitcher > tab, notebook > header tabbar stackswitcher > tab, tabbar notebook > header stackswitcher > tab, dnd stackswitcher > tab.linked, tabbar stackswitcher > tab.linked, notebook > header dnd stackswitcher > tab.linked, dnd notebook > header stackswitcher > tab.linked, notebook > header tabbar stackswitcher > tab.linked, tabbar notebook > header stackswitcher > tab.linked, dnd stackswitcher > tab.linked.horizontal, tabbar stackswitcher > tab.linked.horizontal, notebook > header dnd stackswitcher > tab.horizontal, dnd notebook > header stackswitcher > tab.horizontal, notebook > header tabbar stackswitcher > tab.horizontal, tabbar notebook > header stackswitcher > tab.horizontal, dnd stackswitcher > tab.linked.vertical, tabbar stackswitcher > tab.linked.vertical, notebook > header dnd stackswitcher > tab.vertical, dnd notebook > header stackswitcher > tab.vertical, notebook > header tabbar stackswitcher > tab.vertical, tabbar notebook > header stackswitcher > tab.vertical, dnd stackswitcher > tab:first-child, tabbar stackswitcher > tab:first-child, notebook > header dnd stackswitcher > tab:first-child, dnd notebook > header stackswitcher > tab:first-child, notebook > header tabbar stackswitcher > tab:first-child, tabbar notebook > header stackswitcher > tab:first-child, dnd stackswitcher > tab:last-child, tabbar stackswitcher > tab:last-child, notebook > header dnd stackswitcher > tab:last-child, dnd notebook > header stackswitcher > tab:last-child, notebook > header tabbar stackswitcher > tab:last-child, tabbar notebook > header stackswitcher > tab:last-child, dnd stackswitcher > tab:not(:first-child), tabbar stackswitcher > tab:not(:first-child), notebook > header dnd stackswitcher > tab:not(:first-child), dnd notebook > header stackswitcher > tab:not(:first-child), notebook > header tabbar stackswitcher > tab:not(:first-child), tabbar notebook > header stackswitcher > tab:not(:first-child), dnd stackswitcher > tab:not(:last-child), tabbar stackswitcher > tab:not(:last-child), notebook > header dnd stackswitcher > tab:not(:last-child), dnd notebook > header stackswitcher > tab:not(:last-child), notebook > header tabbar stackswitcher > tab:not(:last-child), tabbar notebook > header stackswitcher > tab:not(:last-child), dnd stackswitcher > tab:dir(ltr):not(:first-child), tabbar stackswitcher > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:first-child), dnd stackswitcher > tab:dir(ltr):not(:last-child), tabbar stackswitcher > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(ltr):not(:last-child), dnd stackswitcher > tab:dir(rtl):not(:first-child), tabbar stackswitcher > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:first-child), dnd stackswitcher > tab:dir(rtl):not(:last-child), tabbar stackswitcher > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher > tab:dir(rtl):not(:last-child), dnd stackswitcher > tab.radio, tabbar stackswitcher > tab.radio, notebook > header dnd stackswitcher > tab.radio, dnd notebook > header stackswitcher > tab.radio, notebook > header tabbar stackswitcher > tab.radio, tabbar notebook > header stackswitcher > tab.radio, dnd stackswitcher.linked > tab, tabbar stackswitcher.linked > tab, notebook > header dnd stackswitcher.linked > tab, dnd notebook > header stackswitcher.linked > tab, notebook > header tabbar stackswitcher.linked > tab, tabbar notebook > header stackswitcher.linked > tab, dnd stackswitcher.linked > tab.linked, tabbar stackswitcher.linked > tab.linked, notebook > header dnd stackswitcher.linked > tab.linked, dnd notebook > header stackswitcher.linked > tab.linked, notebook > header tabbar stackswitcher.linked > tab.linked, tabbar notebook > header stackswitcher.linked > tab.linked, dnd stackswitcher.linked > tab.linked.horizontal, tabbar stackswitcher.linked > tab.linked.horizontal, notebook > header dnd stackswitcher.linked > tab.horizontal, dnd notebook > header stackswitcher.linked > tab.horizontal, notebook > header tabbar stackswitcher.linked > tab.horizontal, tabbar notebook > header stackswitcher.linked > tab.horizontal, dnd stackswitcher.linked > tab.linked.vertical, tabbar stackswitcher.linked > tab.linked.vertical, notebook > header dnd stackswitcher.linked > tab.vertical, dnd notebook > header stackswitcher.linked > tab.vertical, notebook > header tabbar stackswitcher.linked > tab.vertical, tabbar notebook > header stackswitcher.linked > tab.vertical, dnd stackswitcher.linked > tab:first-child, tabbar stackswitcher.linked > tab:first-child, notebook > header dnd stackswitcher.linked > tab:first-child, dnd notebook > header stackswitcher.linked > tab:first-child, notebook > header tabbar stackswitcher.linked > tab:first-child, tabbar notebook > header stackswitcher.linked > tab:first-child, dnd stackswitcher.linked > tab:last-child, tabbar stackswitcher.linked > tab:last-child, notebook > header dnd stackswitcher.linked > tab:last-child, dnd notebook > header stackswitcher.linked > tab:last-child, notebook > header tabbar stackswitcher.linked > tab:last-child, tabbar notebook > header stackswitcher.linked > tab:last-child, dnd stackswitcher.linked > tab:not(:first-child), tabbar stackswitcher.linked > tab:not(:first-child), notebook > header dnd stackswitcher.linked > tab:not(:first-child), dnd notebook > header stackswitcher.linked > tab:not(:first-child), notebook > header tabbar stackswitcher.linked > tab:not(:first-child), tabbar notebook > header stackswitcher.linked > tab:not(:first-child), dnd stackswitcher.linked > tab:not(:last-child), tabbar stackswitcher.linked > tab:not(:last-child), notebook > header dnd stackswitcher.linked > tab:not(:last-child), dnd notebook > header stackswitcher.linked > tab:not(:last-child), notebook > header tabbar stackswitcher.linked > tab:not(:last-child), tabbar notebook > header stackswitcher.linked > tab:not(:last-child), dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked > tab.radio, tabbar stackswitcher.linked > tab.radio, notebook > header dnd stackswitcher.linked > tab.radio, dnd notebook > header stackswitcher.linked > tab.radio, notebook > header tabbar stackswitcher.linked > tab.radio, tabbar notebook > header stackswitcher.linked > tab.radio, dnd stackswitcher.linked:not(.vertical) > tab, tabbar stackswitcher.linked:not(.vertical) > tab, notebook > header dnd stackswitcher.linked:not(.vertical) > tab, dnd notebook > header stackswitcher.linked:not(.vertical) > tab, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab, dnd stackswitcher.linked:not(.vertical) > tab.linked, tabbar stackswitcher.linked:not(.vertical) > tab.linked, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.linked, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.linked, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.linked, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.linked, dnd stackswitcher.linked:not(.vertical) > tab.linked.horizontal, tabbar stackswitcher.linked:not(.vertical) > tab.linked.horizontal, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.horizontal, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.horizontal, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.horizontal, dnd stackswitcher.linked:not(.vertical) > tab.linked.vertical, tabbar stackswitcher.linked:not(.vertical) > tab.linked.vertical, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.vertical, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.vertical, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.vertical, dnd stackswitcher.linked:not(.vertical) > tab:first-child, tabbar stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:first-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:first-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:first-child, dnd stackswitcher.linked:not(.vertical) > tab:last-child, tabbar stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header dnd stackswitcher.linked:not(.vertical) > tab:last-child, dnd notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:last-child, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:last-child, dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header dnd stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header stackswitcher.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd stackswitcher.linked:not(.vertical) > tab.radio, tabbar stackswitcher.linked:not(.vertical) > tab.radio, notebook > header dnd stackswitcher.linked:not(.vertical) > tab.radio, dnd notebook > header stackswitcher.linked:not(.vertical) > tab.radio, notebook > header tabbar stackswitcher.linked:not(.vertical) > tab.radio, tabbar notebook > header stackswitcher.linked:not(.vertical) > tab.radio, dnd .stack-switcher > tab, tabbar .stack-switcher > tab, notebook > header tabs.stack-switcher > tab, notebook > header dnd .stack-switcher > tab, dnd notebook > header .stack-switcher > tab, notebook > header tabbar .stack-switcher > tab, tabbar notebook > header .stack-switcher > tab, notebook > header tabbar tabbox.stack-switcher > tabboxchild, tabbar notebook > header tabbox.stack-switcher > tabboxchild, notebook > header > tabs.stack-switcher > arrow, columnview.view > header.stack-switcher > button, treeview.view > header.stack-switcher > button, dnd .stack-switcher > tab.linked, tabbar .stack-switcher > tab.linked, notebook > header tabs.stack-switcher > tab.linked, notebook > header dnd .stack-switcher > tab.linked, dnd notebook > header .stack-switcher > tab.linked, notebook > header tabbar .stack-switcher > tab.linked, tabbar notebook > header .stack-switcher > tab.linked, notebook > header tabbar tabbox.stack-switcher > tabboxchild.linked, tabbar notebook > header tabbox.stack-switcher > tabboxchild.linked, notebook > header > tabs.stack-switcher > arrow.linked, columnview.view > header.stack-switcher > button.linked, treeview.view > header.stack-switcher > button.linked, dnd .stack-switcher > tab.linked.horizontal, tabbar .stack-switcher > tab.linked.horizontal, notebook > header tabs.stack-switcher > tab.linked.horizontal, notebook > header dnd .stack-switcher > tab.horizontal, dnd notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar .stack-switcher > tab.horizontal, tabbar notebook > header .stack-switcher > tab.horizontal, notebook > header tabbar tabbox.stack-switcher > tabboxchild.horizontal, tabbar notebook > header tabbox.stack-switcher > tabboxchild.horizontal, notebook > header > tabs.stack-switcher > arrow.linked.horizontal, columnview.view > header.stack-switcher > button.linked.horizontal, treeview.view > header.stack-switcher > button.linked.horizontal, dnd .stack-switcher > tab.linked.vertical, tabbar .stack-switcher > tab.linked.vertical, notebook > header tabs.stack-switcher > tab.linked.vertical, notebook > header dnd .stack-switcher > tab.vertical, dnd notebook > header .stack-switcher > tab.vertical, notebook > header tabbar .stack-switcher > tab.vertical, tabbar notebook > header .stack-switcher > tab.vertical, notebook > header tabbar tabbox.stack-switcher > tabboxchild.vertical, tabbar notebook > header tabbox.stack-switcher > tabboxchild.vertical, notebook > header > tabs.stack-switcher > arrow.linked.vertical, columnview.view > header.stack-switcher > button.linked.vertical, treeview.view > header.stack-switcher > button.linked.vertical, dnd .stack-switcher > tab:first-child, tabbar .stack-switcher > tab:first-child, notebook > header tabs.stack-switcher > tab:first-child, notebook > header dnd .stack-switcher > tab:first-child, dnd notebook > header .stack-switcher > tab:first-child, notebook > header tabbar .stack-switcher > tab:first-child, tabbar notebook > header .stack-switcher > tab:first-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:first-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:first-child, notebook > header > tabs.stack-switcher > arrow:first-child, columnview.view > header.stack-switcher > button:first-child, treeview.view > header.stack-switcher > button:first-child, dnd .stack-switcher > tab:last-child, tabbar .stack-switcher > tab:last-child, notebook > header tabs.stack-switcher > tab:last-child, notebook > header dnd .stack-switcher > tab:last-child, dnd notebook > header .stack-switcher > tab:last-child, notebook > header tabbar .stack-switcher > tab:last-child, tabbar notebook > header .stack-switcher > tab:last-child, notebook > header tabbar tabbox.stack-switcher > tabboxchild:last-child, tabbar notebook > header tabbox.stack-switcher > tabboxchild:last-child, notebook > header > tabs.stack-switcher > arrow:last-child, columnview.view > header.stack-switcher > button:last-child, treeview.view > header.stack-switcher > button:last-child, dnd .stack-switcher > tab:not(:first-child), tabbar .stack-switcher > tab:not(:first-child), notebook > header tabs.stack-switcher > tab:not(:first-child), notebook > header dnd .stack-switcher > tab:not(:first-child), dnd notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar .stack-switcher > tab:not(:first-child), tabbar notebook > header .stack-switcher > tab:not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:first-child), notebook > header > tabs.stack-switcher > arrow:not(:first-child), columnview.view > header.stack-switcher > button:not(:first-child), treeview.view > header.stack-switcher > button:not(:first-child), dnd .stack-switcher > tab:not(:last-child), tabbar .stack-switcher > tab:not(:last-child), notebook > header tabs.stack-switcher > tab:not(:last-child), notebook > header dnd .stack-switcher > tab:not(:last-child), dnd notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar .stack-switcher > tab:not(:last-child), tabbar notebook > header .stack-switcher > tab:not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:not(:last-child), notebook > header > tabs.stack-switcher > arrow:not(:last-child), columnview.view > header.stack-switcher > button:not(:last-child), treeview.view > header.stack-switcher > button:not(:last-child), dnd .stack-switcher > tab:dir(ltr):not(:first-child), tabbar .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:first-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:first-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:first-child), dnd .stack-switcher > tab:dir(ltr):not(:last-child), tabbar .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(ltr):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(ltr):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(ltr):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(ltr):not(:last-child), columnview.view > header.stack-switcher > button:dir(ltr):not(:last-child), treeview.view > header.stack-switcher > button:dir(ltr):not(:last-child), dnd .stack-switcher > tab:dir(rtl):not(:first-child), tabbar .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:first-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:first-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:first-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:first-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:first-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:first-child), dnd .stack-switcher > tab:dir(rtl):not(:last-child), tabbar .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabs.stack-switcher > tab:dir(rtl):not(:last-child), notebook > header dnd .stack-switcher > tab:dir(rtl):not(:last-child), dnd notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar .stack-switcher > tab:dir(rtl):not(:last-child), tabbar notebook > header .stack-switcher > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.stack-switcher > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.stack-switcher > arrow:dir(rtl):not(:last-child), columnview.view > header.stack-switcher > button:dir(rtl):not(:last-child), treeview.view > header.stack-switcher > button:dir(rtl):not(:last-child), dnd .stack-switcher > tab.radio, tabbar .stack-switcher > tab.radio, notebook > header tabs.stack-switcher > tab.radio, notebook > header dnd .stack-switcher > tab.radio, dnd notebook > header .stack-switcher > tab.radio, notebook > header tabbar .stack-switcher > tab.radio, tabbar notebook > header .stack-switcher > tab.radio, notebook > header tabbar tabbox.stack-switcher > tabboxchild.radio, tabbar notebook > header tabbox.stack-switcher > tabboxchild.radio, notebook > header > tabs.stack-switcher > arrow.radio, columnview.view > header.stack-switcher > button.radio, treeview.view > header.stack-switcher > button.radio, stackswitcher > button, stackswitcher > button.linked, stackswitcher > button.linked.horizontal, stackswitcher > button.linked.vertical, stackswitcher > button:first-child, stackswitcher > button:last-child, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher > button.radio, stackswitcher.linked > button, stackswitcher.linked > button.linked, stackswitcher.linked > button.linked.horizontal, stackswitcher.linked > button.linked.vertical, stackswitcher.linked > button:first-child, stackswitcher.linked > button:last-child, stackswitcher.linked > button:not(:first-child), stackswitcher.linked > button:not(:last-child), stackswitcher.linked > button:dir(ltr):not(:first-child), stackswitcher.linked > button:dir(ltr):not(:last-child), stackswitcher.linked > button:dir(rtl):not(:first-child), stackswitcher.linked > button:dir(rtl):not(:last-child), stackswitcher.linked > button.radio, stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button.linked, stackswitcher.linked:not(.vertical) > button.linked.horizontal, stackswitcher.linked:not(.vertical) > button.linked.vertical, stackswitcher.linked:not(.vertical) > button:first-child, stackswitcher.linked:not(.vertical) > button:last-child, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button.radio, .stack-switcher > button, .stack-switcher > button.linked, .stack-switcher > button.linked.horizontal, .stack-switcher > button.linked.vertical, .stack-switcher > button:first-child, .stack-switcher > button:last-child, .stack-switcher > button:not(:first-child), .stack-switcher > button:not(:last-child), .stack-switcher > button:dir(ltr):not(:first-child), .stack-switcher > button:dir(ltr):not(:last-child), .stack-switcher > button:dir(rtl):not(:first-child), .stack-switcher > button:dir(rtl):not(:last-child), .stack-switcher > button.radio { border-radius: 9999px; border-width: 1px; border-style: solid; margin: 5px; } + +dnd stackswitcher > tab.text-button, tabbar stackswitcher > tab.text-button, dnd notebook > header stackswitcher > tab.text-button, tabbar notebook > header stackswitcher > tab.text-button, dnd .stack-switcher > tab.text-button, tabbar .stack-switcher > tab.text-button, notebook > header tabs.stack-switcher > tab.text-button, dnd notebook > header .stack-switcher > tab.text-button, tabbar notebook > header .stack-switcher > tab.text-button, notebook > header tabbar tabbox.stack-switcher > tabboxchild.text-button, tabbar notebook > header tabbox.stack-switcher > tabboxchild.text-button, notebook > header > tabs.stack-switcher > arrow.text-button, columnview.view > header.stack-switcher > button.text-button, treeview.view > header.stack-switcher > button.text-button, stackswitcher > button.text-button, stackswitcher.linked > button.text-button, stackswitcher.linked:not(.vertical) > button.text-button, .stack-switcher > button.text-button { min-width: 80px; } + +dnd stackswitcher > tab.circular, tabbar stackswitcher > tab.circular, dnd notebook > header stackswitcher > tab.circular, tabbar notebook > header stackswitcher > tab.circular, dnd .stack-switcher > tab.circular, tabbar .stack-switcher > tab.circular, notebook > header tabs.stack-switcher > tab.circular, dnd notebook > header .stack-switcher > tab.circular, tabbar notebook > header .stack-switcher > tab.circular, notebook > header tabbar tabbox.stack-switcher > tabboxchild.circular, tabbar notebook > header tabbox.stack-switcher > tabboxchild.circular, notebook > header > tabs.stack-switcher > arrow.circular, columnview.view > header.stack-switcher > button.circular, treeview.view > header.stack-switcher > button.circular, stackswitcher > button.circular, stackswitcher > button.text-button.circular, stackswitcher.linked > button.circular, stackswitcher.linked > button.text-button.circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button.text-button.circular, .stack-switcher > button.circular, .stack-switcher > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +dnd tab.font > box, tabbar tab.font > box, notebook > header tabs > tab.font > box, dnd notebook > header tab.font > box, tabbar notebook > header tab.font > box, notebook > header tabbar tabbox > tabboxchild.font > box, tabbar notebook > header tabbox > tabboxchild.font > box, notebook > header > tabs > arrow.font > box, columnview.view > header > button.font > box, treeview.view > header > button.font > box, button.font > box { border-spacing: 6px; } + +dnd tab.font > box > box > label, tabbar tab.font > box > box > label, notebook > header tabs > tab.font > box > box > label, notebook > header tabbar tabbox > tabboxchild.font > box > box > label, tabbar notebook > header tabbox > tabboxchild.font > box > box > label, notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +menubutton.circular dnd tab, dnd menubutton.circular tab, menubutton.circular tabbar tab, tabbar menubutton.circular tab, menubutton.circular notebook > header tabs > tab, notebook > header menubutton.circular tabs > tab, menubutton.circular notebook > header tabbar tabbox > tabboxchild, tabbar menubutton.circular notebook > header tabbox > tabboxchild, notebook > header menubutton.circular tabbar tabbox > tabboxchild, tabbar notebook > header menubutton.circular tabbox > tabboxchild, menubutton.circular notebook > header > tabs > arrow, menubutton.circular columnview.view > header > button, menubutton.circular treeview.view > header > button, dnd tab.circular, tabbar tab.circular, notebook > header tabs > tab.circular, notebook > header tabbar tabbox > tabboxchild.circular, tabbar notebook > header tabbox > tabboxchild.circular, notebook > header > tabs > arrow.circular, columnview.view > header > button.circular, treeview.view > header > button.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular dnd tab label, dnd menubutton.circular tab label, menubutton.circular tabbar tab label, tabbar menubutton.circular tab label, menubutton.circular notebook > header tabs > tab label, notebook > header menubutton.circular tabs > tab label, menubutton.circular notebook > header tabbar tabbox > tabboxchild label, tabbar menubutton.circular notebook > header tabbox > tabboxchild label, notebook > header menubutton.circular tabbar tabbox > tabboxchild label, tabbar notebook > header menubutton.circular tabbox > tabboxchild label, menubutton.circular notebook > header > tabs > arrow label, dnd tab.circular label, tabbar tab.circular label, notebook > header tabs > tab.circular label, notebook > header tabbar tabbox > tabboxchild.circular label, tabbar notebook > header tabbox > tabboxchild.circular label, notebook > header > tabs > arrow.circular label, columnview.view > header > button.circular label, treeview.view > header > button.circular label, menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, dnd stackswitcher > tab.needs-attention > label, tabbar stackswitcher > tab.needs-attention > label, notebook > header dnd stackswitcher > tab.needs-attention > label, dnd notebook > header stackswitcher > tab.needs-attention > label, notebook > header tabbar stackswitcher > tab.needs-attention > label, tabbar notebook > header stackswitcher > tab.needs-attention > label, dnd stackswitcher > tab.needs-attention > image, tabbar stackswitcher > tab.needs-attention > image, notebook > header dnd stackswitcher > tab.needs-attention > image, dnd notebook > header stackswitcher > tab.needs-attention > image, notebook > header tabbar stackswitcher > tab.needs-attention > image, tabbar notebook > header stackswitcher > tab.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > label:backdrop, tabbar stackswitcher > tab.needs-attention > label:backdrop, dnd stackswitcher > tab.needs-attention > image:backdrop, tabbar stackswitcher > tab.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > label:dir(rtl), tabbar stackswitcher > tab.needs-attention > label:dir(rtl), dnd stackswitcher > tab.needs-attention > image:dir(rtl), tabbar stackswitcher > tab.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), dnd .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), dnd notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), dnd .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), dnd notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), tabbar notebook > header .linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header tabbar tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), tabbar notebook > header tabbox.linked:not(.vertical) > tabboxchild:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), dnd .linked.vertical > tab:not(:first-child), tabbar .linked.vertical > tab:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), dnd notebook > header .linked.vertical > tab:not(:first-child), tabbar notebook > header .linked.vertical > tab:not(:first-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:first-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), dnd .linked.vertical > tab:not(:last-child), tabbar .linked.vertical > tab:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), dnd notebook > header .linked.vertical > tab:not(:last-child), tabbar notebook > header .linked.vertical > tab:not(:last-child), notebook > header tabbar tabbox.linked.vertical > tabboxchild:not(:last-child), tabbar notebook > header tabbox.linked.vertical > tabboxchild:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; } + +/* menu buttons */ +modelbutton { min-height: 20px; padding-left: 5px; padding-right: 5px; border-radius: 3px; } + +modelbutton.flat arrow { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-width: 16px; min-height: 16px; opacity: 1; } + +modelbutton.flat arrow:hover, modelbutton.flat arrow:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +modelbutton.flat arrow:hover, modelbutton.flat arrow:hover image, modelbutton.flat arrow:hover arrow, modelbutton.flat arrow:focus, modelbutton.flat arrow:focus image, modelbutton.flat arrow:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +modelbutton.flat arrow:active, modelbutton.flat arrow.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +modelbutton.flat arrow:checked, modelbutton.flat arrow:selected, modelbutton.flat arrow.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +modelbutton.flat arrow:checked, modelbutton.flat arrow:checked image, modelbutton.flat arrow:checked arrow, modelbutton.flat arrow:selected, modelbutton.flat arrow:selected image, modelbutton.flat arrow:selected arrow, modelbutton.flat arrow.has-open-popup, modelbutton.flat arrow.has-open-popup image, modelbutton.flat arrow.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +modelbutton.flat arrow:checked:hover, modelbutton.flat arrow:checked:focus, modelbutton.flat arrow:selected:hover, modelbutton.flat arrow:selected:focus, modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +modelbutton.flat arrow:checked:hover, modelbutton.flat arrow:checked:hover image, modelbutton.flat arrow:checked:hover arrow, modelbutton.flat arrow:checked:focus, modelbutton.flat arrow:checked:focus image, modelbutton.flat arrow:checked:focus arrow, modelbutton.flat arrow:selected:hover, modelbutton.flat arrow:selected:hover image, modelbutton.flat arrow:selected:hover arrow, modelbutton.flat arrow:selected:focus, modelbutton.flat arrow:selected:focus image, modelbutton.flat arrow:selected:focus arrow, modelbutton.flat arrow.has-open-popup:hover, modelbutton.flat arrow.has-open-popup:hover image, modelbutton.flat arrow.has-open-popup:hover arrow, modelbutton.flat arrow.has-open-popup:focus, modelbutton.flat arrow.has-open-popup:focus image, modelbutton.flat arrow.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +modelbutton.flat arrow:disabled, modelbutton.flat arrow:disabled:checked, modelbutton.flat arrow:disabled:selected, modelbutton.flat arrow:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +/********* Links * */ +button.link, link { color: #99c1f1; text-decoration: underline; } + +button.link:visited, link:visited { color: #dc8add; } + +*:selected button.link:visited, *:selected link:visited { color: #71615c; } + +button.link:hover, link:hover { color: #c6dcf7; } + +*:selected button.link:hover, *:selected link:hover { color: #3a551e; } + +button.link:active, link:active { color: #99c1f1; } + +*:selected button.link:active, *:selected link:active { color: #405f35; } + +button.link:disabled, link:disabled { color: rgba(197, 197, 197, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #405f35; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: #493e37; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; } + +spinbutton.vertical:disabled { color: #7c675a; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(132, 201, 92, 0.7); color: transparent; } + +spinbutton.vertical > text > selection:focus-within { background-color: rgba(117, 255, 37, 0.3); color: #2a4606; } + +spinbutton.vertical > text > block-cursor { color: #323232; background-color: #EDF0F5; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; /*&:selected { @include button(checked); &, &:hover { @include button(hover); outline-color: $alt_focus_border_color; color: $text-color; background-color: $menu_selected_color; box-shadow: none; } }*/ } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #595757; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #3f3e3e; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(32, 61, 121, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #595757; background-color: #474646; } + +searchbar > revealer > box:backdrop { border-color: #545252; background-color: #464545; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +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 #666464; background-color: #8121b9; } + +infobar .close, searchbar .close { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, infobar .close:focus, searchbar .close:hover, searchbar .close:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +infobar .close:hover, infobar .close:hover image, infobar .close:hover arrow, infobar .close:focus, infobar .close:focus image, infobar .close:focus arrow, searchbar .close:hover, searchbar .close:hover image, searchbar .close:hover arrow, searchbar .close:focus, searchbar .close:focus image, searchbar .close:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +infobar .close:active, infobar .close.keyboard-activating, searchbar .close:active, searchbar .close.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +infobar .close:checked, infobar .close:selected, infobar .close.has-open-popup, searchbar .close:checked, searchbar .close:selected, searchbar .close.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +infobar .close:checked, infobar .close:checked image, infobar .close:checked arrow, infobar .close:selected, infobar .close:selected image, infobar .close:selected arrow, infobar .close.has-open-popup, infobar .close.has-open-popup image, infobar .close.has-open-popup arrow, searchbar .close:checked, searchbar .close:checked image, searchbar .close:checked arrow, searchbar .close:selected, searchbar .close:selected image, searchbar .close:selected arrow, searchbar .close.has-open-popup, searchbar .close.has-open-popup image, searchbar .close.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +infobar .close:checked:hover, infobar .close:checked:focus, infobar .close:selected:hover, infobar .close:selected:focus, infobar .close.has-open-popup:hover, infobar .close.has-open-popup:focus, searchbar .close:checked:hover, searchbar .close:checked:focus, searchbar .close:selected:hover, searchbar .close:selected:focus, searchbar .close.has-open-popup:hover, searchbar .close.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +infobar .close:checked:hover, infobar .close:checked:hover image, infobar .close:checked:hover arrow, infobar .close:checked:focus, infobar .close:checked:focus image, infobar .close:checked:focus arrow, infobar .close:selected:hover, infobar .close:selected:hover image, infobar .close:selected:hover arrow, infobar .close:selected:focus, infobar .close:selected:focus image, infobar .close:selected:focus arrow, infobar .close.has-open-popup:hover, infobar .close.has-open-popup:hover image, infobar .close.has-open-popup:hover arrow, infobar .close.has-open-popup:focus, infobar .close.has-open-popup:focus image, infobar .close.has-open-popup:focus arrow, searchbar .close:checked:hover, searchbar .close:checked:hover image, searchbar .close:checked:hover arrow, searchbar .close:checked:focus, searchbar .close:checked:focus image, searchbar .close:checked:focus arrow, searchbar .close:selected:hover, searchbar .close:selected:hover image, searchbar .close:selected:hover arrow, searchbar .close:selected:focus, searchbar .close:selected:focus image, searchbar .close:selected:focus arrow, searchbar .close.has-open-popup:hover, searchbar .close.has-open-popup:hover image, searchbar .close.has-open-popup:hover arrow, searchbar .close.has-open-popup:focus, searchbar .close.has-open-popup:focus image, searchbar .close.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +infobar .close:disabled, infobar .close:disabled:checked, infobar .close:disabled:selected, infobar .close:disabled.has-open-popup, searchbar .close:disabled, searchbar .close:disabled:checked, searchbar .close:disabled:selected, searchbar .close:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; } + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; } + +windowcontrols button { padding-right: 6px; padding-left: 6px; min-width: 0; } + +windowcontrols button.close { padding-right: 12px; padding-left: 12px; } + +windowcontrols button.close:not(:backdrop) { color: #EDF0F5; background-color: #7a2b2b; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +windowcontrols button.close:not(:backdrop):hover, windowcontrols button.close:not(:backdrop):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +windowcontrols button.close:not(:backdrop):hover, windowcontrols button.close:not(:backdrop):hover image, windowcontrols button.close:not(:backdrop):hover arrow, windowcontrols button.close:not(:backdrop):focus, windowcontrols button.close:not(:backdrop):focus image, windowcontrols button.close:not(:backdrop):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +windowcontrols button.close:not(:backdrop):active, windowcontrols button.close:not(:backdrop).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +windowcontrols button.close:not(:backdrop):checked, windowcontrols button.close:not(:backdrop):selected, windowcontrols button.close:not(:backdrop).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +windowcontrols button.close:not(:backdrop):checked, windowcontrols button.close:not(:backdrop):checked image, windowcontrols button.close:not(:backdrop):checked arrow, windowcontrols button.close:not(:backdrop):selected, windowcontrols button.close:not(:backdrop):selected image, windowcontrols button.close:not(:backdrop):selected arrow, windowcontrols button.close:not(:backdrop).has-open-popup, windowcontrols button.close:not(:backdrop).has-open-popup image, windowcontrols button.close:not(:backdrop).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +windowcontrols button.close:not(:backdrop):checked:hover, windowcontrols button.close:not(:backdrop):checked:focus, windowcontrols button.close:not(:backdrop):selected:hover, windowcontrols button.close:not(:backdrop):selected:focus, windowcontrols button.close:not(:backdrop).has-open-popup:hover, windowcontrols button.close:not(:backdrop).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +windowcontrols button.close:not(:backdrop):checked:hover, windowcontrols button.close:not(:backdrop):checked:hover image, windowcontrols button.close:not(:backdrop):checked:hover arrow, windowcontrols button.close:not(:backdrop):checked:focus, windowcontrols button.close:not(:backdrop):checked:focus image, windowcontrols button.close:not(:backdrop):checked:focus arrow, windowcontrols button.close:not(:backdrop):selected:hover, windowcontrols button.close:not(:backdrop):selected:hover image, windowcontrols button.close:not(:backdrop):selected:hover arrow, windowcontrols button.close:not(:backdrop):selected:focus, windowcontrols button.close:not(:backdrop):selected:focus image, windowcontrols button.close:not(:backdrop):selected:focus arrow, windowcontrols button.close:not(:backdrop).has-open-popup:hover, windowcontrols button.close:not(:backdrop).has-open-popup:hover image, windowcontrols button.close:not(:backdrop).has-open-popup:hover arrow, windowcontrols button.close:not(:backdrop).has-open-popup:focus, windowcontrols button.close:not(:backdrop).has-open-popup:focus image, windowcontrols button.close:not(:backdrop).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +windowcontrols button.close:not(:backdrop):disabled, windowcontrols button.close:not(:backdrop):disabled:checked, windowcontrols button.close:not(:backdrop):disabled:selected, windowcontrols button.close:not(:backdrop):disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +windowcontrols button > image { background-color: unset; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #3f3e3e linear-gradient(to top, black, #3a3939 7%, #424141 93%, #8c8a8a 100%); color: #EDF0F5; /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop, windowhandle:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title, windowhandle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) button, headerbar button, windowhandle button { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:focus, headerbar button:hover, headerbar button:focus, windowhandle button:hover, windowhandle button:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:hover image, .titlebar:not(headerbar) button:hover arrow, .titlebar:not(headerbar) button:focus, .titlebar:not(headerbar) button:focus image, .titlebar:not(headerbar) button:focus arrow, headerbar button:hover, headerbar button:hover image, headerbar button:hover arrow, headerbar button:focus, headerbar button:focus image, headerbar button:focus arrow, windowhandle button:hover, windowhandle button:hover image, windowhandle button:hover arrow, windowhandle button:focus, windowhandle button:focus image, windowhandle button:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button.keyboard-activating, headerbar button:active, headerbar button.keyboard-activating, windowhandle button:active, windowhandle button.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button.has-open-popup, headerbar button:checked, headerbar button:selected, headerbar button.has-open-popup, windowhandle button:checked, windowhandle button:selected, windowhandle button.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button:checked image, .titlebar:not(headerbar) button:checked arrow, .titlebar:not(headerbar) button:selected, .titlebar:not(headerbar) button:selected image, .titlebar:not(headerbar) button:selected arrow, .titlebar:not(headerbar) button.has-open-popup, .titlebar:not(headerbar) button.has-open-popup image, .titlebar:not(headerbar) button.has-open-popup arrow, headerbar button:checked, headerbar button:checked image, headerbar button:checked arrow, headerbar button:selected, headerbar button:selected image, headerbar button:selected arrow, headerbar button.has-open-popup, headerbar button.has-open-popup image, headerbar button.has-open-popup arrow, windowhandle button:checked, windowhandle button:checked image, windowhandle button:checked arrow, windowhandle button:selected, windowhandle button:selected image, windowhandle button:selected arrow, windowhandle button.has-open-popup, windowhandle button.has-open-popup image, windowhandle button.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:focus, headerbar button:checked:hover, headerbar button:checked:focus, headerbar button:selected:hover, headerbar button:selected:focus, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:focus, windowhandle button:checked:hover, windowhandle button:checked:focus, windowhandle button:selected:hover, windowhandle button:selected:focus, windowhandle button.has-open-popup:hover, windowhandle button.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:checked:hover, .titlebar:not(headerbar) button:checked:hover image, .titlebar:not(headerbar) button:checked:hover arrow, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:checked:focus image, .titlebar:not(headerbar) button:checked:focus arrow, .titlebar:not(headerbar) button:selected:hover, .titlebar:not(headerbar) button:selected:hover image, .titlebar:not(headerbar) button:selected:hover arrow, .titlebar:not(headerbar) button:selected:focus, .titlebar:not(headerbar) button:selected:focus image, .titlebar:not(headerbar) button:selected:focus arrow, .titlebar:not(headerbar) button.has-open-popup:hover, .titlebar:not(headerbar) button.has-open-popup:hover image, .titlebar:not(headerbar) button.has-open-popup:hover arrow, .titlebar:not(headerbar) button.has-open-popup:focus, .titlebar:not(headerbar) button.has-open-popup:focus image, .titlebar:not(headerbar) button.has-open-popup:focus arrow, headerbar button:checked:hover, headerbar button:checked:hover image, headerbar button:checked:hover arrow, headerbar button:checked:focus, headerbar button:checked:focus image, headerbar button:checked:focus arrow, headerbar button:selected:hover, headerbar button:selected:hover image, headerbar button:selected:hover arrow, headerbar button:selected:focus, headerbar button:selected:focus image, headerbar button:selected:focus arrow, headerbar button.has-open-popup:hover, headerbar button.has-open-popup:hover image, headerbar button.has-open-popup:hover arrow, headerbar button.has-open-popup:focus, headerbar button.has-open-popup:focus image, headerbar button.has-open-popup:focus arrow, windowhandle button:checked:hover, windowhandle button:checked:hover image, windowhandle button:checked:hover arrow, windowhandle button:checked:focus, windowhandle button:checked:focus image, windowhandle button:checked:focus arrow, windowhandle button:selected:hover, windowhandle button:selected:hover image, windowhandle button:selected:hover arrow, windowhandle button:selected:focus, windowhandle button:selected:focus image, windowhandle button:selected:focus arrow, windowhandle button.has-open-popup:hover, windowhandle button.has-open-popup:hover image, windowhandle button.has-open-popup:hover arrow, windowhandle button.has-open-popup:focus, windowhandle button.has-open-popup:focus image, windowhandle button.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:disabled, headerbar button:disabled, windowhandle button:disabled { color: #7c675a; background-color: #493e37; } + +.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked), windowhandle button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):focus, windowhandle button:backdrop:not(:checked):hover, windowhandle button:backdrop:not(:checked):focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):hover, .titlebar:not(headerbar) button:backdrop:not(:checked):hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):focus, .titlebar:not(headerbar) button:backdrop:not(:checked):focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):focus arrow, headerbar button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover image, headerbar button:backdrop:not(:checked):hover arrow, headerbar button:backdrop:not(:checked):focus, headerbar button:backdrop:not(:checked):focus image, headerbar button:backdrop:not(:checked):focus arrow, windowhandle button:backdrop:not(:checked):hover, windowhandle button:backdrop:not(:checked):hover image, windowhandle button:backdrop:not(:checked):hover arrow, windowhandle button:backdrop:not(:checked):focus, windowhandle button:backdrop:not(:checked):focus image, windowhandle button:backdrop:not(:checked):focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):active, .titlebar:not(headerbar) button:backdrop:not(:checked).keyboard-activating, headerbar button:backdrop:not(:checked):active, headerbar button:backdrop:not(:checked).keyboard-activating, windowhandle button:backdrop:not(:checked):active, windowhandle button:backdrop:not(:checked).keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked).has-open-popup, windowhandle button:backdrop:not(:checked):checked, windowhandle button:backdrop:not(:checked):selected, windowhandle button:backdrop:not(:checked).has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked, .titlebar:not(headerbar) button:backdrop:not(:checked):checked image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected, .titlebar:not(headerbar) button:backdrop:not(:checked):selected image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup arrow, headerbar button:backdrop:not(:checked):checked, headerbar button:backdrop:not(:checked):checked image, headerbar button:backdrop:not(:checked):checked arrow, headerbar button:backdrop:not(:checked):selected, headerbar button:backdrop:not(:checked):selected image, headerbar button:backdrop:not(:checked):selected arrow, headerbar button:backdrop:not(:checked).has-open-popup, headerbar button:backdrop:not(:checked).has-open-popup image, headerbar button:backdrop:not(:checked).has-open-popup arrow, windowhandle button:backdrop:not(:checked):checked, windowhandle button:backdrop:not(:checked):checked image, windowhandle button:backdrop:not(:checked):checked arrow, windowhandle button:backdrop:not(:checked):selected, windowhandle button:backdrop:not(:checked):selected image, windowhandle button:backdrop:not(:checked):selected arrow, windowhandle button:backdrop:not(:checked).has-open-popup, windowhandle button:backdrop:not(:checked).has-open-popup image, windowhandle button:backdrop:not(:checked).has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:focus, windowhandle button:backdrop:not(:checked):checked:hover, windowhandle button:backdrop:not(:checked):checked:focus, windowhandle button:backdrop:not(:checked):selected:hover, windowhandle button:backdrop:not(:checked):selected:focus, windowhandle button:backdrop:not(:checked).has-open-popup:hover, windowhandle button:backdrop:not(:checked).has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +.titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):checked:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked):selected:focus arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:hover arrow, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus image, .titlebar:not(headerbar) button:backdrop:not(:checked).has-open-popup:focus arrow, headerbar button:backdrop:not(:checked):checked:hover, headerbar button:backdrop:not(:checked):checked:hover image, headerbar button:backdrop:not(:checked):checked:hover arrow, headerbar button:backdrop:not(:checked):checked:focus, headerbar button:backdrop:not(:checked):checked:focus image, headerbar button:backdrop:not(:checked):checked:focus arrow, headerbar button:backdrop:not(:checked):selected:hover, headerbar button:backdrop:not(:checked):selected:hover image, headerbar button:backdrop:not(:checked):selected:hover arrow, headerbar button:backdrop:not(:checked):selected:focus, headerbar button:backdrop:not(:checked):selected:focus image, headerbar button:backdrop:not(:checked):selected:focus arrow, headerbar button:backdrop:not(:checked).has-open-popup:hover, headerbar button:backdrop:not(:checked).has-open-popup:hover image, headerbar button:backdrop:not(:checked).has-open-popup:hover arrow, headerbar button:backdrop:not(:checked).has-open-popup:focus, headerbar button:backdrop:not(:checked).has-open-popup:focus image, headerbar button:backdrop:not(:checked).has-open-popup:focus arrow, windowhandle button:backdrop:not(:checked):checked:hover, windowhandle button:backdrop:not(:checked):checked:hover image, windowhandle button:backdrop:not(:checked):checked:hover arrow, windowhandle button:backdrop:not(:checked):checked:focus, windowhandle button:backdrop:not(:checked):checked:focus image, windowhandle button:backdrop:not(:checked):checked:focus arrow, windowhandle button:backdrop:not(:checked):selected:hover, windowhandle button:backdrop:not(:checked):selected:hover image, windowhandle button:backdrop:not(:checked):selected:hover arrow, windowhandle button:backdrop:not(:checked):selected:focus, windowhandle button:backdrop:not(:checked):selected:focus image, windowhandle button:backdrop:not(:checked):selected:focus arrow, windowhandle button:backdrop:not(:checked).has-open-popup:hover, windowhandle button:backdrop:not(:checked).has-open-popup:hover image, windowhandle button:backdrop:not(:checked).has-open-popup:hover arrow, windowhandle button:backdrop:not(:checked).has-open-popup:focus, windowhandle button:backdrop:not(:checked).has-open-popup:focus image, windowhandle button:backdrop:not(:checked).has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +.titlebar:not(headerbar) button:backdrop:not(:checked):disabled, headerbar button:backdrop:not(:checked):disabled, windowhandle button:backdrop:not(:checked):disabled { color: #7c675a; background-color: #493e37; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar, .tiled windowhandle, .tiled-top windowhandle, .tiled-left windowhandle, .tiled-right windowhandle, .tiled-bottom windowhandle, .maximized windowhandle, .fullscreen windowhandle { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration, windowhandle.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton, windowhandle.default-decoration windowcontrols button, windowhandle.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button, windowhandle.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr), .solid-csd windowhandle:backdrop:dir(rtl), .solid-csd windowhandle:backdrop:dir(ltr), .solid-csd windowhandle:dir(rtl), .solid-csd windowhandle:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar { padding: 0 6px; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +window.devel headerbar.titlebar { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(117, 255, 37, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } + +window.devel headerbar.titlebar:backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #575859; border-top-color: #575859; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); } + +columnview.view:disabled, treeview.view:disabled { color: #7c675a; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #57b519; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #575859; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #338b00; } + +columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } + +columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: #EDF0F5; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #417e0f; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #2a4606; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view > header > button, treeview.view > header > button { border-right-width: 0px; border-radius: 0; padding: 0px 3px; margin: 0px; color: #909194; background-color: #323232; font-weight: bold; text-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #bfc1c5; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #EDF0F5; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-width: 1px; } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); color: #75ff25; background-color: #75ff25; transition: none; } + +columnview.view button.dnd:active:hover, columnview.view button.dnd:active:focus, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:focus, columnview.view button.dnd:hover:hover, columnview.view button.dnd:hover:focus, columnview.view button.dnd:hover, columnview.view button.dnd:focus, columnview.view header.button.dnd:active:hover, columnview.view header.button.dnd:active:focus, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd:hover:hover, columnview.view header.button.dnd:hover:focus, columnview.view header.button.dnd:hover, columnview.view header.button.dnd:focus, treeview.view button.dnd:active:hover, treeview.view button.dnd:active:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover, treeview.view button.dnd:focus, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +columnview.view button.dnd:active:hover, columnview.view button.dnd:active:hover image, columnview.view button.dnd:active:hover arrow, columnview.view button.dnd:active:focus, columnview.view button.dnd:active:focus image, columnview.view button.dnd:active:focus arrow, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:hover image, columnview.view button.dnd:selected:hover arrow, columnview.view button.dnd:selected:focus, columnview.view button.dnd:selected:focus image, columnview.view button.dnd:selected:focus arrow, columnview.view button.dnd:hover:hover, columnview.view button.dnd:hover:hover image, columnview.view button.dnd:hover:hover arrow, columnview.view button.dnd:hover:focus, columnview.view button.dnd:hover:focus image, columnview.view button.dnd:hover:focus arrow, columnview.view button.dnd:hover, columnview.view button.dnd:hover image, columnview.view button.dnd:hover arrow, columnview.view button.dnd:focus, columnview.view button.dnd:focus image, columnview.view button.dnd:focus arrow, columnview.view header.button.dnd:active:hover, columnview.view header.button.dnd:active:hover image, columnview.view header.button.dnd:active:hover arrow, columnview.view header.button.dnd:active:focus, columnview.view header.button.dnd:active:focus image, columnview.view header.button.dnd:active:focus arrow, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:hover image, columnview.view header.button.dnd:selected:hover arrow, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd:selected:focus image, columnview.view header.button.dnd:selected:focus arrow, columnview.view header.button.dnd:hover:hover, columnview.view header.button.dnd:hover:hover image, columnview.view header.button.dnd:hover:hover arrow, columnview.view header.button.dnd:hover:focus, columnview.view header.button.dnd:hover:focus image, columnview.view header.button.dnd:hover:focus arrow, columnview.view header.button.dnd:hover, columnview.view header.button.dnd:hover image, columnview.view header.button.dnd:hover arrow, columnview.view header.button.dnd:focus, columnview.view header.button.dnd:focus image, columnview.view header.button.dnd:focus arrow, treeview.view button.dnd:active:hover, treeview.view button.dnd:active:hover image, treeview.view button.dnd:active:hover arrow, treeview.view button.dnd:active:focus, treeview.view button.dnd:active:focus image, treeview.view button.dnd:active:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd:hover:hover, treeview.view button.dnd:hover:hover image, treeview.view button.dnd:hover:hover arrow, treeview.view button.dnd:hover:focus, treeview.view button.dnd:hover:focus image, treeview.view button.dnd:hover:focus arrow, treeview.view button.dnd:hover, treeview.view button.dnd:hover image, treeview.view button.dnd:hover arrow, treeview.view button.dnd:focus, treeview.view button.dnd:focus image, treeview.view button.dnd:focus arrow, treeview.view header.button.dnd:active:hover, treeview.view header.button.dnd:active:hover image, treeview.view header.button.dnd:active:hover arrow, treeview.view header.button.dnd:active:focus, treeview.view header.button.dnd:active:focus image, treeview.view header.button.dnd:active:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd:hover:hover, treeview.view header.button.dnd:hover:hover image, treeview.view header.button.dnd:hover:hover arrow, treeview.view header.button.dnd:hover:focus, treeview.view header.button.dnd:hover:focus image, treeview.view header.button.dnd:hover:focus arrow, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:hover image, treeview.view header.button.dnd:hover arrow, treeview.view header.button.dnd:focus, treeview.view header.button.dnd:focus image, treeview.view header.button.dnd:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +columnview.view button.dnd:active:active, columnview.view button.dnd:active.keyboard-activating, columnview.view button.dnd:selected:active, columnview.view button.dnd:selected.keyboard-activating, columnview.view button.dnd:hover:active, columnview.view button.dnd:hover.keyboard-activating, columnview.view button.dnd:active, columnview.view button.dnd.keyboard-activating, columnview.view header.button.dnd:active:active, columnview.view header.button.dnd:active.keyboard-activating, columnview.view header.button.dnd:selected:active, columnview.view header.button.dnd:selected.keyboard-activating, columnview.view header.button.dnd:hover:active, columnview.view header.button.dnd:hover.keyboard-activating, columnview.view header.button.dnd:active, columnview.view header.button.dnd.keyboard-activating, treeview.view button.dnd:active:active, treeview.view button.dnd:active.keyboard-activating, treeview.view button.dnd:selected:active, treeview.view button.dnd:selected.keyboard-activating, treeview.view button.dnd:hover:active, treeview.view button.dnd:hover.keyboard-activating, treeview.view button.dnd:active, treeview.view button.dnd.keyboard-activating, treeview.view header.button.dnd:active:active, treeview.view header.button.dnd:active.keyboard-activating, treeview.view header.button.dnd:selected:active, treeview.view header.button.dnd:selected.keyboard-activating, treeview.view header.button.dnd:hover:active, treeview.view header.button.dnd:hover.keyboard-activating, treeview.view header.button.dnd:active, treeview.view header.button.dnd.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +columnview.view button.dnd:active:checked, columnview.view button.dnd:active:selected, columnview.view button.dnd:active.has-open-popup, columnview.view button.dnd:selected:checked, columnview.view button.dnd:selected:selected, columnview.view button.dnd:selected.has-open-popup, columnview.view button.dnd:hover:checked, columnview.view button.dnd:hover:selected, columnview.view button.dnd:hover.has-open-popup, columnview.view button.dnd:checked, columnview.view button.dnd:selected, columnview.view button.dnd.has-open-popup, columnview.view header.button.dnd:active:checked, columnview.view header.button.dnd:active:selected, columnview.view header.button.dnd:active.has-open-popup, columnview.view header.button.dnd:selected:checked, columnview.view header.button.dnd:selected:selected, columnview.view header.button.dnd:selected.has-open-popup, columnview.view header.button.dnd:hover:checked, columnview.view header.button.dnd:hover:selected, columnview.view header.button.dnd:hover.has-open-popup, columnview.view header.button.dnd:checked, columnview.view header.button.dnd:selected, columnview.view header.button.dnd.has-open-popup, treeview.view button.dnd:active:checked, treeview.view button.dnd:active:selected, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:checked, treeview.view button.dnd:selected, treeview.view button.dnd.has-open-popup, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:selected, treeview.view header.button.dnd.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +columnview.view button.dnd:active:checked, columnview.view button.dnd:active:checked image, columnview.view button.dnd:active:checked arrow, columnview.view button.dnd:active:selected, columnview.view button.dnd:active:selected image, columnview.view button.dnd:active:selected arrow, columnview.view button.dnd:active.has-open-popup, columnview.view button.dnd:active.has-open-popup image, columnview.view button.dnd:active.has-open-popup arrow, columnview.view button.dnd:selected:checked, columnview.view button.dnd:selected:checked image, columnview.view button.dnd:selected:checked arrow, columnview.view button.dnd:selected:selected, columnview.view button.dnd:selected:selected image, columnview.view button.dnd:selected:selected arrow, columnview.view button.dnd:selected.has-open-popup, columnview.view button.dnd:selected.has-open-popup image, columnview.view button.dnd:selected.has-open-popup arrow, columnview.view button.dnd:hover:checked, columnview.view button.dnd:hover:checked image, columnview.view button.dnd:hover:checked arrow, columnview.view button.dnd:hover:selected, columnview.view button.dnd:hover:selected image, columnview.view button.dnd:hover:selected arrow, columnview.view button.dnd:hover.has-open-popup, columnview.view button.dnd:hover.has-open-popup image, columnview.view button.dnd:hover.has-open-popup arrow, columnview.view button.dnd:checked, columnview.view button.dnd:checked image, columnview.view button.dnd:checked arrow, columnview.view button.dnd:selected, columnview.view button.dnd:selected image, columnview.view button.dnd:selected arrow, columnview.view button.dnd.has-open-popup, columnview.view button.dnd.has-open-popup image, columnview.view button.dnd.has-open-popup arrow, columnview.view header.button.dnd:active:checked, columnview.view header.button.dnd:active:checked image, columnview.view header.button.dnd:active:checked arrow, columnview.view header.button.dnd:active:selected, columnview.view header.button.dnd:active:selected image, columnview.view header.button.dnd:active:selected arrow, columnview.view header.button.dnd:active.has-open-popup, columnview.view header.button.dnd:active.has-open-popup image, columnview.view header.button.dnd:active.has-open-popup arrow, columnview.view header.button.dnd:selected:checked, columnview.view header.button.dnd:selected:checked image, columnview.view header.button.dnd:selected:checked arrow, columnview.view header.button.dnd:selected:selected, columnview.view header.button.dnd:selected:selected image, columnview.view header.button.dnd:selected:selected arrow, columnview.view header.button.dnd:selected.has-open-popup, columnview.view header.button.dnd:selected.has-open-popup image, columnview.view header.button.dnd:selected.has-open-popup arrow, columnview.view header.button.dnd:hover:checked, columnview.view header.button.dnd:hover:checked image, columnview.view header.button.dnd:hover:checked arrow, columnview.view header.button.dnd:hover:selected, columnview.view header.button.dnd:hover:selected image, columnview.view header.button.dnd:hover:selected arrow, columnview.view header.button.dnd:hover.has-open-popup, columnview.view header.button.dnd:hover.has-open-popup image, columnview.view header.button.dnd:hover.has-open-popup arrow, columnview.view header.button.dnd:checked, columnview.view header.button.dnd:checked image, columnview.view header.button.dnd:checked arrow, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:selected image, columnview.view header.button.dnd:selected arrow, columnview.view header.button.dnd.has-open-popup, columnview.view header.button.dnd.has-open-popup image, columnview.view header.button.dnd.has-open-popup arrow, treeview.view button.dnd:active:checked, treeview.view button.dnd:active:checked image, treeview.view button.dnd:active:checked arrow, treeview.view button.dnd:active:selected, treeview.view button.dnd:active:selected image, treeview.view button.dnd:active:selected arrow, treeview.view button.dnd:active.has-open-popup, treeview.view button.dnd:active.has-open-popup image, treeview.view button.dnd:active.has-open-popup arrow, treeview.view button.dnd:selected:checked, treeview.view button.dnd:selected:checked image, treeview.view button.dnd:selected:checked arrow, treeview.view button.dnd:selected:selected, treeview.view button.dnd:selected:selected image, treeview.view button.dnd:selected:selected arrow, treeview.view button.dnd:selected.has-open-popup, treeview.view button.dnd:selected.has-open-popup image, treeview.view button.dnd:selected.has-open-popup arrow, treeview.view button.dnd:hover:checked, treeview.view button.dnd:hover:checked image, treeview.view button.dnd:hover:checked arrow, treeview.view button.dnd:hover:selected, treeview.view button.dnd:hover:selected image, treeview.view button.dnd:hover:selected arrow, treeview.view button.dnd:hover.has-open-popup, treeview.view button.dnd:hover.has-open-popup image, treeview.view button.dnd:hover.has-open-popup arrow, treeview.view button.dnd:checked, treeview.view button.dnd:checked image, treeview.view button.dnd:checked arrow, treeview.view button.dnd:selected, treeview.view button.dnd:selected image, treeview.view button.dnd:selected arrow, treeview.view button.dnd.has-open-popup, treeview.view button.dnd.has-open-popup image, treeview.view button.dnd.has-open-popup arrow, treeview.view header.button.dnd:active:checked, treeview.view header.button.dnd:active:checked image, treeview.view header.button.dnd:active:checked arrow, treeview.view header.button.dnd:active:selected, treeview.view header.button.dnd:active:selected image, treeview.view header.button.dnd:active:selected arrow, treeview.view header.button.dnd:active.has-open-popup, treeview.view header.button.dnd:active.has-open-popup image, treeview.view header.button.dnd:active.has-open-popup arrow, treeview.view header.button.dnd:selected:checked, treeview.view header.button.dnd:selected:checked image, treeview.view header.button.dnd:selected:checked arrow, treeview.view header.button.dnd:selected:selected, treeview.view header.button.dnd:selected:selected image, treeview.view header.button.dnd:selected:selected arrow, treeview.view header.button.dnd:selected.has-open-popup, treeview.view header.button.dnd:selected.has-open-popup image, treeview.view header.button.dnd:selected.has-open-popup arrow, treeview.view header.button.dnd:hover:checked, treeview.view header.button.dnd:hover:checked image, treeview.view header.button.dnd:hover:checked arrow, treeview.view header.button.dnd:hover:selected, treeview.view header.button.dnd:hover:selected image, treeview.view header.button.dnd:hover:selected arrow, treeview.view header.button.dnd:hover.has-open-popup, treeview.view header.button.dnd:hover.has-open-popup image, treeview.view header.button.dnd:hover.has-open-popup arrow, treeview.view header.button.dnd:checked, treeview.view header.button.dnd:checked image, treeview.view header.button.dnd:checked arrow, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:selected image, treeview.view header.button.dnd:selected arrow, treeview.view header.button.dnd.has-open-popup, treeview.view header.button.dnd.has-open-popup image, treeview.view header.button.dnd.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +columnview.view button.dnd:active:checked:hover, columnview.view button.dnd:active:checked:focus, columnview.view button.dnd:active:selected:hover, columnview.view button.dnd:active:selected:focus, columnview.view button.dnd:active.has-open-popup:hover, columnview.view button.dnd:active.has-open-popup:focus, columnview.view button.dnd:selected:checked:hover, columnview.view button.dnd:selected:checked:focus, columnview.view button.dnd:selected:selected:hover, columnview.view button.dnd:selected:selected:focus, columnview.view button.dnd:selected.has-open-popup:hover, columnview.view button.dnd:selected.has-open-popup:focus, columnview.view button.dnd:hover:checked:hover, columnview.view button.dnd:hover:checked:focus, columnview.view button.dnd:hover:selected:hover, columnview.view button.dnd:hover:selected:focus, columnview.view button.dnd:hover.has-open-popup:hover, columnview.view button.dnd:hover.has-open-popup:focus, columnview.view button.dnd:checked:hover, columnview.view button.dnd:checked:focus, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:focus, columnview.view button.dnd.has-open-popup:hover, columnview.view button.dnd.has-open-popup:focus, columnview.view header.button.dnd:active:checked:hover, columnview.view header.button.dnd:active:checked:focus, columnview.view header.button.dnd:active:selected:hover, columnview.view header.button.dnd:active:selected:focus, columnview.view header.button.dnd:active.has-open-popup:hover, columnview.view header.button.dnd:active.has-open-popup:focus, columnview.view header.button.dnd:selected:checked:hover, columnview.view header.button.dnd:selected:checked:focus, columnview.view header.button.dnd:selected:selected:hover, columnview.view header.button.dnd:selected:selected:focus, columnview.view header.button.dnd:selected.has-open-popup:hover, columnview.view header.button.dnd:selected.has-open-popup:focus, columnview.view header.button.dnd:hover:checked:hover, columnview.view header.button.dnd:hover:checked:focus, columnview.view header.button.dnd:hover:selected:hover, columnview.view header.button.dnd:hover:selected:focus, columnview.view header.button.dnd:hover.has-open-popup:hover, columnview.view header.button.dnd:hover.has-open-popup:focus, columnview.view header.button.dnd:checked:hover, columnview.view header.button.dnd:checked:focus, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd.has-open-popup:hover, columnview.view header.button.dnd.has-open-popup:focus, treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:focus, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:focus, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:focus, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +columnview.view button.dnd:active:checked:hover, columnview.view button.dnd:active:checked:hover image, columnview.view button.dnd:active:checked:hover arrow, columnview.view button.dnd:active:checked:focus, columnview.view button.dnd:active:checked:focus image, columnview.view button.dnd:active:checked:focus arrow, columnview.view button.dnd:active:selected:hover, columnview.view button.dnd:active:selected:hover image, columnview.view button.dnd:active:selected:hover arrow, columnview.view button.dnd:active:selected:focus, columnview.view button.dnd:active:selected:focus image, columnview.view button.dnd:active:selected:focus arrow, columnview.view button.dnd:active.has-open-popup:hover, columnview.view button.dnd:active.has-open-popup:hover image, columnview.view button.dnd:active.has-open-popup:hover arrow, columnview.view button.dnd:active.has-open-popup:focus, columnview.view button.dnd:active.has-open-popup:focus image, columnview.view button.dnd:active.has-open-popup:focus arrow, columnview.view button.dnd:selected:checked:hover, columnview.view button.dnd:selected:checked:hover image, columnview.view button.dnd:selected:checked:hover arrow, columnview.view button.dnd:selected:checked:focus, columnview.view button.dnd:selected:checked:focus image, columnview.view button.dnd:selected:checked:focus arrow, columnview.view button.dnd:selected:selected:hover, columnview.view button.dnd:selected:selected:hover image, columnview.view button.dnd:selected:selected:hover arrow, columnview.view button.dnd:selected:selected:focus, columnview.view button.dnd:selected:selected:focus image, columnview.view button.dnd:selected:selected:focus arrow, columnview.view button.dnd:selected.has-open-popup:hover, columnview.view button.dnd:selected.has-open-popup:hover image, columnview.view button.dnd:selected.has-open-popup:hover arrow, columnview.view button.dnd:selected.has-open-popup:focus, columnview.view button.dnd:selected.has-open-popup:focus image, columnview.view button.dnd:selected.has-open-popup:focus arrow, columnview.view button.dnd:hover:checked:hover, columnview.view button.dnd:hover:checked:hover image, columnview.view button.dnd:hover:checked:hover arrow, columnview.view button.dnd:hover:checked:focus, columnview.view button.dnd:hover:checked:focus image, columnview.view button.dnd:hover:checked:focus arrow, columnview.view button.dnd:hover:selected:hover, columnview.view button.dnd:hover:selected:hover image, columnview.view button.dnd:hover:selected:hover arrow, columnview.view button.dnd:hover:selected:focus, columnview.view button.dnd:hover:selected:focus image, columnview.view button.dnd:hover:selected:focus arrow, columnview.view button.dnd:hover.has-open-popup:hover, columnview.view button.dnd:hover.has-open-popup:hover image, columnview.view button.dnd:hover.has-open-popup:hover arrow, columnview.view button.dnd:hover.has-open-popup:focus, columnview.view button.dnd:hover.has-open-popup:focus image, columnview.view button.dnd:hover.has-open-popup:focus arrow, columnview.view button.dnd:checked:hover, columnview.view button.dnd:checked:hover image, columnview.view button.dnd:checked:hover arrow, columnview.view button.dnd:checked:focus, columnview.view button.dnd:checked:focus image, columnview.view button.dnd:checked:focus arrow, columnview.view button.dnd:selected:hover, columnview.view button.dnd:selected:hover image, columnview.view button.dnd:selected:hover arrow, columnview.view button.dnd:selected:focus, columnview.view button.dnd:selected:focus image, columnview.view button.dnd:selected:focus arrow, columnview.view button.dnd.has-open-popup:hover, columnview.view button.dnd.has-open-popup:hover image, columnview.view button.dnd.has-open-popup:hover arrow, columnview.view button.dnd.has-open-popup:focus, columnview.view button.dnd.has-open-popup:focus image, columnview.view button.dnd.has-open-popup:focus arrow, columnview.view header.button.dnd:active:checked:hover, columnview.view header.button.dnd:active:checked:hover image, columnview.view header.button.dnd:active:checked:hover arrow, columnview.view header.button.dnd:active:checked:focus, columnview.view header.button.dnd:active:checked:focus image, columnview.view header.button.dnd:active:checked:focus arrow, columnview.view header.button.dnd:active:selected:hover, columnview.view header.button.dnd:active:selected:hover image, columnview.view header.button.dnd:active:selected:hover arrow, columnview.view header.button.dnd:active:selected:focus, columnview.view header.button.dnd:active:selected:focus image, columnview.view header.button.dnd:active:selected:focus arrow, columnview.view header.button.dnd:active.has-open-popup:hover, columnview.view header.button.dnd:active.has-open-popup:hover image, columnview.view header.button.dnd:active.has-open-popup:hover arrow, columnview.view header.button.dnd:active.has-open-popup:focus, columnview.view header.button.dnd:active.has-open-popup:focus image, columnview.view header.button.dnd:active.has-open-popup:focus arrow, columnview.view header.button.dnd:selected:checked:hover, columnview.view header.button.dnd:selected:checked:hover image, columnview.view header.button.dnd:selected:checked:hover arrow, columnview.view header.button.dnd:selected:checked:focus, columnview.view header.button.dnd:selected:checked:focus image, columnview.view header.button.dnd:selected:checked:focus arrow, columnview.view header.button.dnd:selected:selected:hover, columnview.view header.button.dnd:selected:selected:hover image, columnview.view header.button.dnd:selected:selected:hover arrow, columnview.view header.button.dnd:selected:selected:focus, columnview.view header.button.dnd:selected:selected:focus image, columnview.view header.button.dnd:selected:selected:focus arrow, columnview.view header.button.dnd:selected.has-open-popup:hover, columnview.view header.button.dnd:selected.has-open-popup:hover image, columnview.view header.button.dnd:selected.has-open-popup:hover arrow, columnview.view header.button.dnd:selected.has-open-popup:focus, columnview.view header.button.dnd:selected.has-open-popup:focus image, columnview.view header.button.dnd:selected.has-open-popup:focus arrow, columnview.view header.button.dnd:hover:checked:hover, columnview.view header.button.dnd:hover:checked:hover image, columnview.view header.button.dnd:hover:checked:hover arrow, columnview.view header.button.dnd:hover:checked:focus, columnview.view header.button.dnd:hover:checked:focus image, columnview.view header.button.dnd:hover:checked:focus arrow, columnview.view header.button.dnd:hover:selected:hover, columnview.view header.button.dnd:hover:selected:hover image, columnview.view header.button.dnd:hover:selected:hover arrow, columnview.view header.button.dnd:hover:selected:focus, columnview.view header.button.dnd:hover:selected:focus image, columnview.view header.button.dnd:hover:selected:focus arrow, columnview.view header.button.dnd:hover.has-open-popup:hover, columnview.view header.button.dnd:hover.has-open-popup:hover image, columnview.view header.button.dnd:hover.has-open-popup:hover arrow, columnview.view header.button.dnd:hover.has-open-popup:focus, columnview.view header.button.dnd:hover.has-open-popup:focus image, columnview.view header.button.dnd:hover.has-open-popup:focus arrow, columnview.view header.button.dnd:checked:hover, columnview.view header.button.dnd:checked:hover image, columnview.view header.button.dnd:checked:hover arrow, columnview.view header.button.dnd:checked:focus, columnview.view header.button.dnd:checked:focus image, columnview.view header.button.dnd:checked:focus arrow, columnview.view header.button.dnd:selected:hover, columnview.view header.button.dnd:selected:hover image, columnview.view header.button.dnd:selected:hover arrow, columnview.view header.button.dnd:selected:focus, columnview.view header.button.dnd:selected:focus image, columnview.view header.button.dnd:selected:focus arrow, columnview.view header.button.dnd.has-open-popup:hover, columnview.view header.button.dnd.has-open-popup:hover image, columnview.view header.button.dnd.has-open-popup:hover arrow, columnview.view header.button.dnd.has-open-popup:focus, columnview.view header.button.dnd.has-open-popup:focus image, columnview.view header.button.dnd.has-open-popup:focus arrow, treeview.view button.dnd:active:checked:hover, treeview.view button.dnd:active:checked:hover image, treeview.view button.dnd:active:checked:hover arrow, treeview.view button.dnd:active:checked:focus, treeview.view button.dnd:active:checked:focus image, treeview.view button.dnd:active:checked:focus arrow, treeview.view button.dnd:active:selected:hover, treeview.view button.dnd:active:selected:hover image, treeview.view button.dnd:active:selected:hover arrow, treeview.view button.dnd:active:selected:focus, treeview.view button.dnd:active:selected:focus image, treeview.view button.dnd:active:selected:focus arrow, treeview.view button.dnd:active.has-open-popup:hover, treeview.view button.dnd:active.has-open-popup:hover image, treeview.view button.dnd:active.has-open-popup:hover arrow, treeview.view button.dnd:active.has-open-popup:focus, treeview.view button.dnd:active.has-open-popup:focus image, treeview.view button.dnd:active.has-open-popup:focus arrow, treeview.view button.dnd:selected:checked:hover, treeview.view button.dnd:selected:checked:hover image, treeview.view button.dnd:selected:checked:hover arrow, treeview.view button.dnd:selected:checked:focus, treeview.view button.dnd:selected:checked:focus image, treeview.view button.dnd:selected:checked:focus arrow, treeview.view button.dnd:selected:selected:hover, treeview.view button.dnd:selected:selected:hover image, treeview.view button.dnd:selected:selected:hover arrow, treeview.view button.dnd:selected:selected:focus, treeview.view button.dnd:selected:selected:focus image, treeview.view button.dnd:selected:selected:focus arrow, treeview.view button.dnd:selected.has-open-popup:hover, treeview.view button.dnd:selected.has-open-popup:hover image, treeview.view button.dnd:selected.has-open-popup:hover arrow, treeview.view button.dnd:selected.has-open-popup:focus, treeview.view button.dnd:selected.has-open-popup:focus image, treeview.view button.dnd:selected.has-open-popup:focus arrow, treeview.view button.dnd:hover:checked:hover, treeview.view button.dnd:hover:checked:hover image, treeview.view button.dnd:hover:checked:hover arrow, treeview.view button.dnd:hover:checked:focus, treeview.view button.dnd:hover:checked:focus image, treeview.view button.dnd:hover:checked:focus arrow, treeview.view button.dnd:hover:selected:hover, treeview.view button.dnd:hover:selected:hover image, treeview.view button.dnd:hover:selected:hover arrow, treeview.view button.dnd:hover:selected:focus, treeview.view button.dnd:hover:selected:focus image, treeview.view button.dnd:hover:selected:focus arrow, treeview.view button.dnd:hover.has-open-popup:hover, treeview.view button.dnd:hover.has-open-popup:hover image, treeview.view button.dnd:hover.has-open-popup:hover arrow, treeview.view button.dnd:hover.has-open-popup:focus, treeview.view button.dnd:hover.has-open-popup:focus image, treeview.view button.dnd:hover.has-open-popup:focus arrow, treeview.view button.dnd:checked:hover, treeview.view button.dnd:checked:hover image, treeview.view button.dnd:checked:hover arrow, treeview.view button.dnd:checked:focus, treeview.view button.dnd:checked:focus image, treeview.view button.dnd:checked:focus arrow, treeview.view button.dnd:selected:hover, treeview.view button.dnd:selected:hover image, treeview.view button.dnd:selected:hover arrow, treeview.view button.dnd:selected:focus, treeview.view button.dnd:selected:focus image, treeview.view button.dnd:selected:focus arrow, treeview.view button.dnd.has-open-popup:hover, treeview.view button.dnd.has-open-popup:hover image, treeview.view button.dnd.has-open-popup:hover arrow, treeview.view button.dnd.has-open-popup:focus, treeview.view button.dnd.has-open-popup:focus image, treeview.view button.dnd.has-open-popup:focus arrow, treeview.view header.button.dnd:active:checked:hover, treeview.view header.button.dnd:active:checked:hover image, treeview.view header.button.dnd:active:checked:hover arrow, treeview.view header.button.dnd:active:checked:focus, treeview.view header.button.dnd:active:checked:focus image, treeview.view header.button.dnd:active:checked:focus arrow, treeview.view header.button.dnd:active:selected:hover, treeview.view header.button.dnd:active:selected:hover image, treeview.view header.button.dnd:active:selected:hover arrow, treeview.view header.button.dnd:active:selected:focus, treeview.view header.button.dnd:active:selected:focus image, treeview.view header.button.dnd:active:selected:focus arrow, treeview.view header.button.dnd:active.has-open-popup:hover, treeview.view header.button.dnd:active.has-open-popup:hover image, treeview.view header.button.dnd:active.has-open-popup:hover arrow, treeview.view header.button.dnd:active.has-open-popup:focus, treeview.view header.button.dnd:active.has-open-popup:focus image, treeview.view header.button.dnd:active.has-open-popup:focus arrow, treeview.view header.button.dnd:selected:checked:hover, treeview.view header.button.dnd:selected:checked:hover image, treeview.view header.button.dnd:selected:checked:hover arrow, treeview.view header.button.dnd:selected:checked:focus, treeview.view header.button.dnd:selected:checked:focus image, treeview.view header.button.dnd:selected:checked:focus arrow, treeview.view header.button.dnd:selected:selected:hover, treeview.view header.button.dnd:selected:selected:hover image, treeview.view header.button.dnd:selected:selected:hover arrow, treeview.view header.button.dnd:selected:selected:focus, treeview.view header.button.dnd:selected:selected:focus image, treeview.view header.button.dnd:selected:selected:focus arrow, treeview.view header.button.dnd:selected.has-open-popup:hover, treeview.view header.button.dnd:selected.has-open-popup:hover image, treeview.view header.button.dnd:selected.has-open-popup:hover arrow, treeview.view header.button.dnd:selected.has-open-popup:focus, treeview.view header.button.dnd:selected.has-open-popup:focus image, treeview.view header.button.dnd:selected.has-open-popup:focus arrow, treeview.view header.button.dnd:hover:checked:hover, treeview.view header.button.dnd:hover:checked:hover image, treeview.view header.button.dnd:hover:checked:hover arrow, treeview.view header.button.dnd:hover:checked:focus, treeview.view header.button.dnd:hover:checked:focus image, treeview.view header.button.dnd:hover:checked:focus arrow, treeview.view header.button.dnd:hover:selected:hover, treeview.view header.button.dnd:hover:selected:hover image, treeview.view header.button.dnd:hover:selected:hover arrow, treeview.view header.button.dnd:hover:selected:focus, treeview.view header.button.dnd:hover:selected:focus image, treeview.view header.button.dnd:hover:selected:focus arrow, treeview.view header.button.dnd:hover.has-open-popup:hover, treeview.view header.button.dnd:hover.has-open-popup:hover image, treeview.view header.button.dnd:hover.has-open-popup:hover arrow, treeview.view header.button.dnd:hover.has-open-popup:focus, treeview.view header.button.dnd:hover.has-open-popup:focus image, treeview.view header.button.dnd:hover.has-open-popup:focus arrow, treeview.view header.button.dnd:checked:hover, treeview.view header.button.dnd:checked:hover image, treeview.view header.button.dnd:checked:hover arrow, treeview.view header.button.dnd:checked:focus, treeview.view header.button.dnd:checked:focus image, treeview.view header.button.dnd:checked:focus arrow, treeview.view header.button.dnd:selected:hover, treeview.view header.button.dnd:selected:hover image, treeview.view header.button.dnd:selected:hover arrow, treeview.view header.button.dnd:selected:focus, treeview.view header.button.dnd:selected:focus image, treeview.view header.button.dnd:selected:focus arrow, treeview.view header.button.dnd.has-open-popup:hover, treeview.view header.button.dnd.has-open-popup:hover image, treeview.view header.button.dnd.has-open-popup:hover arrow, treeview.view header.button.dnd.has-open-popup:focus, treeview.view header.button.dnd.has-open-popup:focus image, treeview.view header.button.dnd.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +columnview.view button.dnd:active:disabled, columnview.view button.dnd:active:disabled:checked, columnview.view button.dnd:active:disabled:selected, columnview.view button.dnd:active:disabled.has-open-popup, columnview.view button.dnd:selected:disabled, columnview.view button.dnd:selected:disabled:checked, columnview.view button.dnd:selected:disabled:selected, columnview.view button.dnd:selected:disabled.has-open-popup, columnview.view button.dnd:hover:disabled, columnview.view button.dnd:hover:disabled:checked, columnview.view button.dnd:hover:disabled:selected, columnview.view button.dnd:hover:disabled.has-open-popup, columnview.view button.dnd:disabled, columnview.view button.dnd:disabled:checked, columnview.view button.dnd:disabled:selected, columnview.view button.dnd:disabled.has-open-popup, columnview.view header.button.dnd:active:disabled, columnview.view header.button.dnd:active:disabled:checked, columnview.view header.button.dnd:active:disabled:selected, columnview.view header.button.dnd:active:disabled.has-open-popup, columnview.view header.button.dnd:selected:disabled, columnview.view header.button.dnd:selected:disabled:checked, columnview.view header.button.dnd:selected:disabled:selected, columnview.view header.button.dnd:selected:disabled.has-open-popup, columnview.view header.button.dnd:hover:disabled, columnview.view header.button.dnd:hover:disabled:checked, columnview.view header.button.dnd:hover:disabled:selected, columnview.view header.button.dnd:hover:disabled.has-open-popup, columnview.view header.button.dnd:disabled, columnview.view header.button.dnd:disabled:checked, columnview.view header.button.dnd:disabled:selected, columnview.view header.button.dnd:disabled.has-open-popup, treeview.view button.dnd:active:disabled, treeview.view button.dnd:active:disabled:checked, treeview.view button.dnd:active:disabled:selected, treeview.view button.dnd:active:disabled.has-open-popup, treeview.view button.dnd:selected:disabled, treeview.view button.dnd:selected:disabled:checked, treeview.view button.dnd:selected:disabled:selected, treeview.view button.dnd:selected:disabled.has-open-popup, treeview.view button.dnd:hover:disabled, treeview.view button.dnd:hover:disabled:checked, treeview.view button.dnd:hover:disabled:selected, treeview.view button.dnd:hover:disabled.has-open-popup, treeview.view button.dnd:disabled, treeview.view button.dnd:disabled:checked, treeview.view button.dnd:disabled:selected, treeview.view button.dnd:disabled.has-open-popup, treeview.view header.button.dnd:active:disabled, treeview.view header.button.dnd:active:disabled:checked, treeview.view header.button.dnd:active:disabled:selected, treeview.view header.button.dnd:active:disabled.has-open-popup, treeview.view header.button.dnd:selected:disabled, treeview.view header.button.dnd:selected:disabled:checked, treeview.view header.button.dnd:selected:disabled:selected, treeview.view header.button.dnd:selected:disabled.has-open-popup, treeview.view header.button.dnd:hover:disabled, treeview.view header.button.dnd:hover:disabled:checked, treeview.view header.button.dnd:hover:disabled:selected, treeview.view header.button.dnd:hover:disabled.has-open-popup, treeview.view header.button.dnd:disabled, treeview.view header.button.dnd:disabled:checked, treeview.view header.button.dnd:disabled:selected, treeview.view header.button.dnd:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #75ff25; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #353434; background-clip: padding-box; border: 1px solid rgba(237, 240, 245, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 7px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #323232; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); min-height: 30px; min-width: 30px; padding: 0; outline: none; } + +popover.menu box.inline-buttons button.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +popover.menu box.inline-buttons button.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover image, popover.menu box.inline-buttons button.image-button.model:hover arrow, popover.menu box.inline-buttons button.image-button.model:focus, popover.menu box.inline-buttons button.image-button.model:focus image, popover.menu box.inline-buttons button.image-button.model:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:active, popover.menu box.inline-buttons button.image-button.model.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +popover.menu box.inline-buttons button.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:selected, popover.menu box.inline-buttons button.image-button.model.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked image, popover.menu box.inline-buttons button.image-button.model:checked arrow, popover.menu box.inline-buttons button.image-button.model:selected, popover.menu box.inline-buttons button.image-button.model:selected image, popover.menu box.inline-buttons button.image-button.model:selected arrow, popover.menu box.inline-buttons button.image-button.model.has-open-popup, popover.menu box.inline-buttons button.image-button.model.has-open-popup image, popover.menu box.inline-buttons button.image-button.model.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:focus, popover.menu box.inline-buttons button.image-button.model:selected:hover, popover.menu box.inline-buttons button.image-button.model:selected:focus, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +popover.menu box.inline-buttons button.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover image, popover.menu box.inline-buttons button.image-button.model:checked:hover arrow, popover.menu box.inline-buttons button.image-button.model:checked:focus, popover.menu box.inline-buttons button.image-button.model:checked:focus image, popover.menu box.inline-buttons button.image-button.model:checked:focus arrow, popover.menu box.inline-buttons button.image-button.model:selected:hover, popover.menu box.inline-buttons button.image-button.model:selected:hover image, popover.menu box.inline-buttons button.image-button.model:selected:hover arrow, popover.menu box.inline-buttons button.image-button.model:selected:focus, popover.menu box.inline-buttons button.image-button.model:selected:focus image, popover.menu box.inline-buttons button.image-button.model:selected:focus arrow, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover image, popover.menu box.inline-buttons button.image-button.model.has-open-popup:hover arrow, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus image, popover.menu box.inline-buttons button.image-button.model.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +popover.menu box.inline-buttons button.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled:checked, popover.menu box.inline-buttons button.image-button.model:disabled:selected, popover.menu box.inline-buttons button.image-button.model:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #353434; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { border-width: 1px; border-style: solid; min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:hover { color: #2a4606; background-color: #75ff25; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; } + +menubar > item { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; } + +menubar > item:selected, menubar > item:hover { color: #2a4606; background-color: #75ff25; } + +menubar > item:disabled { color: #7c675a; background-color: #493e37; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 7px; } + +/************* Notebooks * */ +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +dnd tab, tabbar tab, notebook > header tabs > tab.reorderable-page, notebook > header dnd tab.reorderable-page, dnd notebook > header tab.reorderable-page, notebook > header tabbar tab.reorderable-page, tabbar notebook > header tab.reorderable-page, notebook > header tabbar tabbox > tabboxchild.reorderable-page, tabbar notebook > header tabbox > tabboxchild.reorderable-page { background-position: left; padding-left: 1rem; } + +dnd tab:dir(rtl), tabbar tab:dir(rtl), notebook > header tabs > tab.reorderable-page:dir(rtl), notebook > header dnd tab.reorderable-page:dir(rtl), dnd notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tab.reorderable-page:dir(rtl), tabbar notebook > header tab.reorderable-page:dir(rtl), notebook > header tabbar tabbox > tabboxchild.reorderable-page:dir(rtl), tabbar notebook > header tabbox > tabboxchild.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; } + +notebook:focus > header { background-color: #4c4b4b; } + +notebook > header.left, notebook > header.right { border-radius: 1.5em; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +notebook > header > tabs > arrow:disabled:hover, notebook > header > tabs > arrow:disabled:hover image, notebook > header > tabs > arrow:disabled:hover arrow, notebook > header > tabs > arrow:disabled:focus, notebook > header > tabs > arrow:disabled:focus image, notebook > header > tabs > arrow:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked, notebook > header > tabs > arrow:disabled:checked image, notebook > header > tabs > arrow:disabled:checked arrow, notebook > header > tabs > arrow:disabled:selected, notebook > header > tabs > arrow:disabled:selected image, notebook > header > tabs > arrow:disabled:selected arrow, notebook > header > tabs > arrow:disabled.has-open-popup, notebook > header > tabs > arrow:disabled.has-open-popup image, notebook > header > tabs > arrow:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +notebook > header > tabs > arrow:disabled:checked:hover, notebook > header > tabs > arrow:disabled:checked:hover image, notebook > header > tabs > arrow:disabled:checked:hover arrow, notebook > header > tabs > arrow:disabled:checked:focus, notebook > header > tabs > arrow:disabled:checked:focus image, notebook > header > tabs > arrow:disabled:checked:focus arrow, notebook > header > tabs > arrow:disabled:selected:hover, notebook > header > tabs > arrow:disabled:selected:hover image, notebook > header > tabs > arrow:disabled:selected:hover arrow, notebook > header > tabs > arrow:disabled:selected:focus, notebook > header > tabs > arrow:disabled:selected:focus image, notebook > header > tabs > arrow:disabled:selected:focus arrow, notebook > header > tabs > arrow:disabled.has-open-popup:hover, notebook > header > tabs > arrow:disabled.has-open-popup:hover image, notebook > header > tabs > arrow:disabled.has-open-popup:hover arrow, notebook > header > tabs > arrow:disabled.has-open-popup:focus, notebook > header > tabs > arrow:disabled.has-open-popup:focus image, notebook > header > tabs > arrow:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +notebook > header > tabs > arrow:disabled:disabled, notebook > header > tabs > arrow:disabled:disabled:checked, notebook > header > tabs > arrow:disabled:disabled:selected, notebook > header > tabs > arrow:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +notebook > header tabs > tab, notebook > header dnd tab, dnd notebook > header tab, notebook > header tabbar tab, tabbar notebook > header tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild { border-radius: 9999px; outline-color: transparent; margin: 3px; } + +notebook > header tabs > tab button.flat, notebook > header dnd tab button.flat, dnd notebook > header tab button.flat, notebook > header tabbar tab button.flat, tabbar notebook > header tab button.flat, notebook > header tabbar tabbox > tabboxchild button.flat, tabbar notebook > header tabbox > tabboxchild button.flat { border-radius: 9999px; padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child, notebook > header dnd tab button.flat:last-child, dnd notebook > header tab button.flat:last-child, notebook > header tabbar tab button.flat:last-child, tabbar notebook > header tab button.flat:last-child, notebook > header tabbar tabbox > tabboxchild button.flat:last-child, tabbar notebook > header tabbox > tabboxchild button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child, notebook > header dnd tab button.flat:first-child, dnd notebook > header tab button.flat:first-child, notebook > header tabbar tab button.flat:first-child, tabbar notebook > header tab button.flat:first-child, notebook > header tabbar tabbox > tabboxchild button.flat:first-child, tabbar notebook > header tabbox > tabboxchild button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +tabbar .box { background-color: #373636; color: #EDF0F5; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.36); padding: 1px; padding-top: 0; } + +tabbar .box:backdrop { background-color: #3f3e3e; transition: background-color 200ms ease-out; } + +tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { transition: filter 200ms ease-out; } + +tabbar tabbox { padding: 2px; } + +tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } + +tabbar tabbox > separator.hidden { opacity: 0; } + +tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(#75ff25,0.5); } + +tabbar tabbox > background { background-color: unset; } + +tabbar tab { border-radius: 9999px; outline-color: transparent; margin: 3px; transition: background 150ms ease-in-out; } + +tabbar tab:selected { background-color: #75ff25; } + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } + +tabbar .start-action, tabbar .end-action { padding: 6px 5px; } + +tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } + +tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } + +tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } + +tabbar.inline .box:backdrop { background-color: transparent; transition: none; } + +tabbar.inline .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > .start-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } + +dnd tab { border-radius: 9999px; outline-color: transparent; margin: 3px; margin: 25px; } + +tabbar tab, dnd tab { min-height: 26px; padding: 4px; } + +tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } + +tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(#75ff25,0.5); transform: translateY(4px); } + +tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; } + +tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #75ff25; outline-width: 2px; outline-offset: 0; } + +tabthumbnail { border-radius: 11px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +tabthumbnail > box { margin: 6px; } + +tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#33d17a,0.4); background-color: alpha(#33d17a,0.1); } + +tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } + +tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } + +tabthumbnail .needs-attention > widget { background: #75ff25; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#75ff25,0.4); } + +tabthumbnail .card { background: none; color: inherit; } + +tabthumbnail .card picture { outline: 1px solid rgba(0, 0, 0, 0.75); outline-offset: -1px; border-radius: 7px; } + +tabthumbnail.pinned .card { background-color: #383838; color: white; } + +tabthumbnail .icon-title-box { border-spacing: 6px; } + +tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular { margin: 6px; background-color: alpha(#383838,0.75); min-width: 24px; min-height: 24px; } + +tabthumbnail button.circular:hover { background-color: alpha(mix(#383838,currentColor,0.1),0.75); } + +tabthumbnail button.circular:active { background-color: alpha(mix(#383838,currentColor,0.2),0.75); } + +taboverview > .overview .new-tab-button { margin: 18px; } + +tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } + +/************** Scrollbars * */ +scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar:not(:hover) { opacity: 0.5; } + +scrollbar.top { border-bottom: 1px solid #595757; } + +scrollbar.bottom { border-top: 1px solid #595757; } + +scrollbar.left { border-right: 1px solid #595757; } + +scrollbar.right { border-left: 1px solid #595757; } + +scrollbar > range > trough { outline-style: none; } + +scrollbar > range > trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #4f4f4f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; outline-style: none; } + +scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:hover image, scrollbar > range > trough > slider:hover arrow, scrollbar > range > trough > slider:focus, scrollbar > range > trough > slider:focus image, scrollbar > range > trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scrollbar > range > trough > slider:disabled, scrollbar > range > trough > slider:disabled:checked, scrollbar > range > trough > slider:disabled:selected, scrollbar > range > trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scrollbar > range > trough > slider:hover { background-color: #62a73a; color: #8f8f8f; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar > range > trough > slider:hover:active, scrollbar > range > trough > slider:active { background-color: #95ff58; color: #545454; background-image: url("assets/draggable-black.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scrollbar > range > trough > slider:disabled { background-color: #493e37; } + +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #203d79; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #595757; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #595757; border-radius: 14px; color: #EDF0F5; background-color: #4c4b4b; 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: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7); /* only show i / o for the accessible theme */ } + +headerbar switch { background-color: #373737; } + +switch:checked { color: #2a4606; background-color: #61a538; } + +switch:disabled { color: #7c675a; border-color: #595757; background-color: #493e37; text-shadow: none; } + +switch > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; transition: all 20ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; } + +switch > slider:hover, switch > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +switch > slider:hover, switch > slider:hover image, switch > slider:hover arrow, switch > slider:focus, switch > slider:focus image, switch > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +switch > slider:active, switch > slider.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +switch > slider:checked, switch > slider:selected, switch > slider.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +switch > slider:checked, switch > slider:checked image, switch > slider:checked arrow, switch > slider:selected, switch > slider:selected image, switch > slider:selected arrow, switch > slider.has-open-popup, switch > slider.has-open-popup image, switch > slider.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +switch > slider:checked:hover, switch > slider:checked:focus, switch > slider:selected:hover, switch > slider:selected:focus, switch > slider.has-open-popup:hover, switch > slider.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +switch > slider:checked:hover, switch > slider:checked:hover image, switch > slider:checked:hover arrow, switch > slider:checked:focus, switch > slider:checked:focus image, switch > slider:checked:focus arrow, switch > slider:selected:hover, switch > slider:selected:hover image, switch > slider:selected:hover arrow, switch > slider:selected:focus, switch > slider:selected:focus image, switch > slider:selected:focus arrow, switch > slider.has-open-popup:hover, switch > slider.has-open-popup:hover image, switch > slider.has-open-popup:hover arrow, switch > slider.has-open-popup:focus, switch > slider.has-open-popup:focus image, switch > slider.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +switch > slider:disabled, switch > slider:disabled:checked, switch > slider:disabled:selected, switch > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +switch > image { color: transparent; } + +row:selected switch { outline-color: rgba(255, 255, 255, 0.3); } + +/************************* Check and Radio items * */ +/*************************** Check and Radio buttons * */ +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +checkbutton.text-button:hover > label, radiobutton.text-button:hover > label { text-shadow: 0 0 5px currentColor; } + +checkbutton.text-button, radiobutton.text-button { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton.text-button:focus:focus-visible, radiobutton.text-button:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +check, check:selected, radio, radio:selected { border-width: 1px; border-style: solid; color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); margin: 0 4px; min-height: 14px; min-width: 14px; -gtk-icon-source: none; } + +check:hover, check:focus, check:selected:hover, check:selected:focus, radio:hover, radio:focus, radio:selected:hover, radio:selected:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +check:hover, check:hover image, check:hover arrow, check:focus, check:focus image, check:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, radio:hover, radio:hover image, radio:hover arrow, radio:focus, radio:focus image, radio:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +check:active, check.keyboard-activating, check:selected:active, check:selected.keyboard-activating, radio:active, radio.keyboard-activating, radio:selected:active, radio:selected.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +check:checked, check:selected, check.has-open-popup, check:selected:checked, check:selected:selected, check:selected.has-open-popup, radio:checked, radio:selected, radio.has-open-popup, radio:selected:checked, radio:selected:selected, radio:selected.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +check:checked, check:checked image, check:checked arrow, check:selected, check:selected image, check:selected arrow, check.has-open-popup, check.has-open-popup image, check.has-open-popup arrow, check:selected:checked, check:selected:checked image, check:selected:checked arrow, check:selected:selected, check:selected:selected image, check:selected:selected arrow, check:selected.has-open-popup, check:selected.has-open-popup image, check:selected.has-open-popup arrow, radio:checked, radio:checked image, radio:checked arrow, radio:selected, radio:selected image, radio:selected arrow, radio.has-open-popup, radio.has-open-popup image, radio.has-open-popup arrow, radio:selected:checked, radio:selected:checked image, radio:selected:checked arrow, radio:selected:selected, radio:selected:selected image, radio:selected:selected arrow, radio:selected.has-open-popup, radio:selected.has-open-popup image, radio:selected.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +check:checked:hover, check:checked:focus, check:selected:hover, check:selected:focus, check.has-open-popup:hover, check.has-open-popup:focus, check:selected:checked:hover, check:selected:checked:focus, check:selected:selected:hover, check:selected:selected:focus, check:selected.has-open-popup:hover, check:selected.has-open-popup:focus, radio:checked:hover, radio:checked:focus, radio:selected:hover, radio:selected:focus, radio.has-open-popup:hover, radio.has-open-popup:focus, radio:selected:checked:hover, radio:selected:checked:focus, radio:selected:selected:hover, radio:selected:selected:focus, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +check:checked:hover, check:checked:hover image, check:checked:hover arrow, check:checked:focus, check:checked:focus image, check:checked:focus arrow, check:selected:hover, check:selected:hover image, check:selected:hover arrow, check:selected:focus, check:selected:focus image, check:selected:focus arrow, check.has-open-popup:hover, check.has-open-popup:hover image, check.has-open-popup:hover arrow, check.has-open-popup:focus, check.has-open-popup:focus image, check.has-open-popup:focus arrow, check:selected:checked:hover, check:selected:checked:hover image, check:selected:checked:hover arrow, check:selected:checked:focus, check:selected:checked:focus image, check:selected:checked:focus arrow, check:selected:selected:hover, check:selected:selected:hover image, check:selected:selected:hover arrow, check:selected:selected:focus, check:selected:selected:focus image, check:selected:selected:focus arrow, check:selected.has-open-popup:hover, check:selected.has-open-popup:hover image, check:selected.has-open-popup:hover arrow, check:selected.has-open-popup:focus, check:selected.has-open-popup:focus image, check:selected.has-open-popup:focus arrow, radio:checked:hover, radio:checked:hover image, radio:checked:hover arrow, radio:checked:focus, radio:checked:focus image, radio:checked:focus arrow, radio:selected:hover, radio:selected:hover image, radio:selected:hover arrow, radio:selected:focus, radio:selected:focus image, radio:selected:focus arrow, radio.has-open-popup:hover, radio.has-open-popup:hover image, radio.has-open-popup:hover arrow, radio.has-open-popup:focus, radio.has-open-popup:focus image, radio.has-open-popup:focus arrow, radio:selected:checked:hover, radio:selected:checked:hover image, radio:selected:checked:hover arrow, radio:selected:checked:focus, radio:selected:checked:focus image, radio:selected:checked:focus arrow, radio:selected:selected:hover, radio:selected:selected:hover image, radio:selected:selected:hover arrow, radio:selected:selected:focus, radio:selected:selected:focus image, radio:selected:selected:focus arrow, radio:selected.has-open-popup:hover, radio:selected.has-open-popup:hover image, radio:selected.has-open-popup:hover arrow, radio:selected.has-open-popup:focus, radio:selected.has-open-popup:focus image, radio:selected.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +check:disabled, check:disabled:checked, check:disabled:selected, check:disabled.has-open-popup, check:selected:disabled, check:selected:disabled:checked, check:selected:disabled:selected, check:selected:disabled.has-open-popup, radio:disabled, radio:disabled:checked, radio:disabled:selected, radio:disabled.has-open-popup, radio:selected:disabled, radio:selected:disabled:checked, radio:selected:disabled:selected, radio:selected:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +check:only-child, check:selected:only-child, radio:only-child, radio:selected:only-child { margin: 0; } + +popover check.left:dir(rtl), popover check:selected.left:dir(rtl), popover radio.left:dir(rtl), popover radio:selected.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover check:selected.right:dir(ltr), popover radio.right:dir(ltr), popover radio:selected.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +menu menuitem check, menu menuitem check:selected, menu menuitem radio, menu menuitem radio:selected { margin: 0; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view radio:selected, treeview.view radio:selected:focus, treeview.view check:selected, treeview.view check:selected:focus { background-color: #4f4f4f; color: #75ff25; } + +treeview.view radio:selected:not(:checked), treeview.view radio:selected:focus:not(:checked), treeview.view check:selected:not(:checked), treeview.view check:selected:focus:not(:checked) { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +/************ GtkScale * */ +/************ GtkScale * */ +levelbar > trough, progressbar > trough, scale fill, scale trough, columnview.view.trough, treeview.view.trough, scrollbar > range > trough { border: none; border-radius: 9999px; background-color: #201f1f; box-shadow: 0px -2px 2px 0 rgba(255, 255, 255, 0.3), 2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), -2px -1px 2px 0 alpha(rgba(255, 255, 255, 0.3),0.5), inset 0px -1px 1px 0 rgba(255, 255, 255, 0.3), inset 0px 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 2px 2px -1px rgba(0, 0, 0, 0.5), 0px 3px 4px -1px rgba(0, 0, 0, 0.5); } + +row:selected levelbar > trough, row:selected progressbar > trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough, row:selected columnview.view.trough, row:selected treeview.view.trough, row:selected scrollbar > range > trough { border-color: #338b00; } + +.osd levelbar > trough, .osd progressbar > trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough, .osd columnview.view.trough, .osd treeview.view.trough, .osd scrollbar > range > trough { border-color: #66cbec; } + +progressbar > trough > progress, scale highlight, columnview.view.progressbar, treeview.view.progressbar { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +progressbar > trough > progress:disabled, scale highlight:disabled, columnview.view.progressbar:disabled, treeview.view.progressbar:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill { background-color: #7f7e7e; } + +scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; min-height: 18px; min-width: 18px; margin: -3px; border-radius: 100%; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; } + +scale trough > slider:hover, scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +scale trough > slider:hover, scale trough > slider:hover image, scale trough > slider:hover arrow, scale trough > slider:focus, scale trough > slider:focus image, scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +scale trough > slider:disabled, scale trough > slider:disabled:checked, scale trough > slider:disabled:selected, scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +scale trough > slider:hover, scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +.osd scale trough > slider { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5); border: none; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +.osd scale trough > slider:hover, .osd scale trough > slider:hover image, .osd scale trough > slider:hover arrow, .osd scale trough > slider:focus, .osd scale trough > slider:focus image, .osd scale trough > slider:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +.osd scale trough > slider:disabled, .osd scale trough > slider:disabled:checked, .osd scale trough > slider:disabled:selected, .osd scale trough > slider:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.osd scale trough > slider:hover, .osd scale trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25; } + +.osd scale trough > slider:active { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #75ff25, 0 0 3px 0 #75ff25; } + +scale.fine-tune trough > slider:hover, scale.fine-tune trough > slider:focus { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5), inset 0 4px 3px 0px rgba(255, 255, 255, 0.3), inset 0 -4px 3px 0px rgba(0, 0, 0, 0.5), 0 4px 4px -2px rgba(0, 0, 0, 0.5), 0 0 5px 0 #33d17a; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider, scale.horizontal.color slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.marks-after slider, scale.vertical.color:dir(ltr) slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.vertical.marks-before slider, scale.vertical.color:dir(rtl) slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#595757); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 5px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 5px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #7c675a; border-color: #7c675a; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 9999px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 9999px 9999px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 9999px 0 0 9999px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 9999px; } + +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 9999px; } + +levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; border-radius: 9999px; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { margin: 0px; border: none; border-radius: 9999px; background-color: #f57900; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.35), 0 0 5px 0 #f57900; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.low:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { margin: 0px; border: none; border-radius: 9999px; background-color: #75ff25; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #75ff25; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.high:disabled, levelbar > trough > block:not(.empty):disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.full { margin: 0px; border: none; border-radius: 9999px; background-color: #33d17a; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.5), 0 0 5px 0 #33d17a; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.full:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +levelbar > trough > block.empty { margin: 0px; border: none; border-radius: 9999px; background-color: #252525; color: #2a4606; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3), 0 0 5px 0 #252525; background-image: linear-gradient(to bottom, alpha(white,0), alpha(white,0.3)), radial-gradient(ellipse at center, alpha(black,0.3), alpha(black,0)); } + +levelbar > trough > block.empty:disabled { background-color: #6d5b50; box-shadow: inset 0 3px 0 0 rgba(255, 255, 255, 0.3); } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #EDF0F5; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #595757; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #595757; } + +frame { border-radius: 6px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #595757; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > .view:dir(ltr), scrolledwindow > iconview:dir(ltr) { padding-right: 1em; } + +scrolledwindow > .view:dir(rtl), scrolledwindow > iconview:dir(rtl) { padding-left: 1em; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at top, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at bottom, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at left, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #75ff25 85%, rgba(117, 255, 37, 0)), radial-gradient(farthest-side at right, rgba(117, 255, 37, 0.07), rgba(117, 255, 37, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #595757, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to right, transparent 1px, #393838 1px); } + +scrolledwindow > junction:dir(rtl) { background: #595757, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to left, transparent 1px, #393838 1px); } + +separator { background: rgba(255, 255, 255, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: #EDF0F5; background-color: #323232; border-color: #595757; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #575859; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #575859; } + +row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; } + +row.activatable:hover, row.activatable:active, row.activatable:selected, row.activatable.has-open-popup { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:hover, row.activatable:hover:focus, row.activatable:active:hover, row.activatable:active:focus, row.activatable:selected:hover, row.activatable:selected:focus, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +row.activatable:hover:hover, row.activatable:hover:hover image, row.activatable:hover:hover arrow, row.activatable:hover:focus, row.activatable:hover:focus image, row.activatable:hover:focus arrow, row.activatable:active:hover, row.activatable:active:hover image, row.activatable:active:hover arrow, row.activatable:active:focus, row.activatable:active:focus image, row.activatable:active:focus arrow, row.activatable:selected:hover, row.activatable:selected:hover image, row.activatable:selected:hover arrow, row.activatable:selected:focus, row.activatable:selected:focus image, row.activatable:selected:focus arrow, row.activatable.has-open-popup:hover, row.activatable.has-open-popup:hover image, row.activatable.has-open-popup:hover arrow, row.activatable.has-open-popup:focus, row.activatable.has-open-popup:focus image, row.activatable.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:hover:active, row.activatable:hover.keyboard-activating, row.activatable:active:active, row.activatable:active.keyboard-activating, row.activatable:selected:active, row.activatable:selected.keyboard-activating, row.activatable.has-open-popup:active, row.activatable.has-open-popup.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:hover:checked, row.activatable:hover:selected, row.activatable:hover.has-open-popup, row.activatable:active:checked, row.activatable:active:selected, row.activatable:active.has-open-popup, row.activatable:selected:checked, row.activatable:selected:selected, row.activatable:selected.has-open-popup, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:selected, row.activatable.has-open-popup.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked, row.activatable:hover:checked image, row.activatable:hover:checked arrow, row.activatable:hover:selected, row.activatable:hover:selected image, row.activatable:hover:selected arrow, row.activatable:hover.has-open-popup, row.activatable:hover.has-open-popup image, row.activatable:hover.has-open-popup arrow, row.activatable:active:checked, row.activatable:active:checked image, row.activatable:active:checked arrow, row.activatable:active:selected, row.activatable:active:selected image, row.activatable:active:selected arrow, row.activatable:active.has-open-popup, row.activatable:active.has-open-popup image, row.activatable:active.has-open-popup arrow, row.activatable:selected:checked, row.activatable:selected:checked image, row.activatable:selected:checked arrow, row.activatable:selected:selected, row.activatable:selected:selected image, row.activatable:selected:selected arrow, row.activatable:selected.has-open-popup, row.activatable:selected.has-open-popup image, row.activatable:selected.has-open-popup arrow, row.activatable.has-open-popup:checked, row.activatable.has-open-popup:checked image, row.activatable.has-open-popup:checked arrow, row.activatable.has-open-popup:selected, row.activatable.has-open-popup:selected image, row.activatable.has-open-popup:selected arrow, row.activatable.has-open-popup.has-open-popup, row.activatable.has-open-popup.has-open-popup image, row.activatable.has-open-popup.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:focus, row.activatable:hover:selected:hover, row.activatable:hover:selected:focus, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:focus, row.activatable:active:checked:hover, row.activatable:active:checked:focus, row.activatable:active:selected:hover, row.activatable:active:selected:focus, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:focus, row.activatable:selected:checked:hover, row.activatable:selected:checked:focus, row.activatable:selected:selected:hover, row.activatable:selected:selected:focus, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:focus, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:hover:checked:hover, row.activatable:hover:checked:hover image, row.activatable:hover:checked:hover arrow, row.activatable:hover:checked:focus, row.activatable:hover:checked:focus image, row.activatable:hover:checked:focus arrow, row.activatable:hover:selected:hover, row.activatable:hover:selected:hover image, row.activatable:hover:selected:hover arrow, row.activatable:hover:selected:focus, row.activatable:hover:selected:focus image, row.activatable:hover:selected:focus arrow, row.activatable:hover.has-open-popup:hover, row.activatable:hover.has-open-popup:hover image, row.activatable:hover.has-open-popup:hover arrow, row.activatable:hover.has-open-popup:focus, row.activatable:hover.has-open-popup:focus image, row.activatable:hover.has-open-popup:focus arrow, row.activatable:active:checked:hover, row.activatable:active:checked:hover image, row.activatable:active:checked:hover arrow, row.activatable:active:checked:focus, row.activatable:active:checked:focus image, row.activatable:active:checked:focus arrow, row.activatable:active:selected:hover, row.activatable:active:selected:hover image, row.activatable:active:selected:hover arrow, row.activatable:active:selected:focus, row.activatable:active:selected:focus image, row.activatable:active:selected:focus arrow, row.activatable:active.has-open-popup:hover, row.activatable:active.has-open-popup:hover image, row.activatable:active.has-open-popup:hover arrow, row.activatable:active.has-open-popup:focus, row.activatable:active.has-open-popup:focus image, row.activatable:active.has-open-popup:focus arrow, row.activatable:selected:checked:hover, row.activatable:selected:checked:hover image, row.activatable:selected:checked:hover arrow, row.activatable:selected:checked:focus, row.activatable:selected:checked:focus image, row.activatable:selected:checked:focus arrow, row.activatable:selected:selected:hover, row.activatable:selected:selected:hover image, row.activatable:selected:selected:hover arrow, row.activatable:selected:selected:focus, row.activatable:selected:selected:focus image, row.activatable:selected:selected:focus arrow, row.activatable:selected.has-open-popup:hover, row.activatable:selected.has-open-popup:hover image, row.activatable:selected.has-open-popup:hover arrow, row.activatable:selected.has-open-popup:focus, row.activatable:selected.has-open-popup:focus image, row.activatable:selected.has-open-popup:focus arrow, row.activatable.has-open-popup:checked:hover, row.activatable.has-open-popup:checked:hover image, row.activatable.has-open-popup:checked:hover arrow, row.activatable.has-open-popup:checked:focus, row.activatable.has-open-popup:checked:focus image, row.activatable.has-open-popup:checked:focus arrow, row.activatable.has-open-popup:selected:hover, row.activatable.has-open-popup:selected:hover image, row.activatable.has-open-popup:selected:hover arrow, row.activatable.has-open-popup:selected:focus, row.activatable.has-open-popup:selected:focus image, row.activatable.has-open-popup:selected:focus arrow, row.activatable.has-open-popup.has-open-popup:hover, row.activatable.has-open-popup.has-open-popup:hover image, row.activatable.has-open-popup.has-open-popup:hover arrow, row.activatable.has-open-popup.has-open-popup:focus, row.activatable.has-open-popup.has-open-popup:focus image, row.activatable.has-open-popup.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:hover:disabled, row.activatable:hover:disabled:checked, row.activatable:hover:disabled:selected, row.activatable:hover:disabled.has-open-popup, row.activatable:active:disabled, row.activatable:active:disabled:checked, row.activatable:active:disabled:selected, row.activatable:active:disabled.has-open-popup, row.activatable:selected:disabled, row.activatable:selected:disabled:checked, row.activatable:selected:disabled:selected, row.activatable:selected:disabled.has-open-popup, row.activatable.has-open-popup:disabled, row.activatable.has-open-popup:disabled:checked, row.activatable.has-open-popup:disabled:selected, row.activatable.has-open-popup:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +row.activatable:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:hover, row.activatable:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +row.activatable:disabled:hover, row.activatable:disabled:hover image, row.activatable:disabled:hover arrow, row.activatable:disabled:focus, row.activatable:disabled:focus image, row.activatable:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +row.activatable:disabled:active, row.activatable:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:disabled:checked, row.activatable:disabled:selected, row.activatable:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked, row.activatable:disabled:checked image, row.activatable:disabled:checked arrow, row.activatable:disabled:selected, row.activatable:disabled:selected image, row.activatable:disabled:selected arrow, row.activatable:disabled.has-open-popup, row.activatable:disabled.has-open-popup image, row.activatable:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:focus, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:focus, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +row.activatable:disabled:checked:hover, row.activatable:disabled:checked:hover image, row.activatable:disabled:checked:hover arrow, row.activatable:disabled:checked:focus, row.activatable:disabled:checked:focus image, row.activatable:disabled:checked:focus arrow, row.activatable:disabled:selected:hover, row.activatable:disabled:selected:hover image, row.activatable:disabled:selected:hover arrow, row.activatable:disabled:selected:focus, row.activatable:disabled:selected:focus image, row.activatable:disabled:selected:focus arrow, row.activatable:disabled.has-open-popup:hover, row.activatable:disabled.has-open-popup:hover image, row.activatable:disabled.has-open-popup:hover arrow, row.activatable:disabled.has-open-popup:focus, row.activatable:disabled.has-open-popup:focus image, row.activatable:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +row.activatable:disabled:disabled, row.activatable:disabled:disabled:checked, row.activatable:disabled:disabled:selected, row.activatable:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +.nested > row { background-color: rgba(255, 255, 255, 0.1); } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #575859; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: none; } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: none; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(132, 201, 92, 0.7); color: transparent; } + +columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(117, 255, 37, 0.3); color: #EDF0F5; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #7c675a; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: #75ff25; outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { 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); border-radius: 3px; } + +expander-widget > box > title:hover > expander { color: white; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: #EDF0F5; border: 1px solid #595757; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #595757; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #595757; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: #75ff25; outline-offset: -2px; outline-width: 2px; outline-style: none; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #595757; } + +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #393838; } + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #595757; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #595757; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #595757; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #75ff25; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 1px #33d17a, inset 0 -1px #33d17a; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #2a4606; background-color: #33d17a; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 0.5rem; min-height: 0.5rem; border: none; background-color: #595757; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; background-size: 0.5rem; } + +paned > separator:hover { box-shadow: inset 0 0 0 1px #75ff25; } + +paned > separator:selected { background-color: #75ff25; } + +paned > separator.wide { min-width: 5px; min-height: 5px; } + +paned.vertical > separator.wide { margin: 0; padding: 0; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 6px; } + +tooltip.background { background-color: rgba(32, 61, 121, 0.9); background-clip: padding-box; border: 1px solid #66cbec; color: #66cbec; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: #75ff25; outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.light > overlay { color: black; } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch:drop(active).dark > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #595757, inset 0 0 0 1px #33d17a; } + +colorswatch > overlay { border: 1px solid #595757; } + +colorswatch.activatable:hover > overlay { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch.activatable:hover > overlay:hover, colorswatch.activatable:hover > overlay:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +colorswatch.activatable:hover > overlay:hover, colorswatch.activatable:hover > overlay:hover image, colorswatch.activatable:hover > overlay:hover arrow, colorswatch.activatable:hover > overlay:focus, colorswatch.activatable:hover > overlay:focus image, colorswatch.activatable:hover > overlay:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch.activatable:hover > overlay:active, colorswatch.activatable:hover > overlay.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch.activatable:hover > overlay:checked, colorswatch.activatable:hover > overlay:selected, colorswatch.activatable:hover > overlay.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch.activatable:hover > overlay:checked, colorswatch.activatable:hover > overlay:checked image, colorswatch.activatable:hover > overlay:checked arrow, colorswatch.activatable:hover > overlay:selected, colorswatch.activatable:hover > overlay:selected image, colorswatch.activatable:hover > overlay:selected arrow, colorswatch.activatable:hover > overlay.has-open-popup, colorswatch.activatable:hover > overlay.has-open-popup image, colorswatch.activatable:hover > overlay.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch.activatable:hover > overlay:checked:hover, colorswatch.activatable:hover > overlay:checked:focus, colorswatch.activatable:hover > overlay:selected:hover, colorswatch.activatable:hover > overlay:selected:focus, colorswatch.activatable:hover > overlay.has-open-popup:hover, colorswatch.activatable:hover > overlay.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch.activatable:hover > overlay:checked:hover, colorswatch.activatable:hover > overlay:checked:hover image, colorswatch.activatable:hover > overlay:checked:hover arrow, colorswatch.activatable:hover > overlay:checked:focus, colorswatch.activatable:hover > overlay:checked:focus image, colorswatch.activatable:hover > overlay:checked:focus arrow, colorswatch.activatable:hover > overlay:selected:hover, colorswatch.activatable:hover > overlay:selected:hover image, colorswatch.activatable:hover > overlay:selected:hover arrow, colorswatch.activatable:hover > overlay:selected:focus, colorswatch.activatable:hover > overlay:selected:focus image, colorswatch.activatable:hover > overlay:selected:focus arrow, colorswatch.activatable:hover > overlay.has-open-popup:hover, colorswatch.activatable:hover > overlay.has-open-popup:hover image, colorswatch.activatable:hover > overlay.has-open-popup:hover arrow, colorswatch.activatable:hover > overlay.has-open-popup:focus, colorswatch.activatable:hover > overlay.has-open-popup:focus image, colorswatch.activatable:hover > overlay.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch.activatable:hover > overlay:disabled, colorswatch.activatable:hover > overlay:disabled:checked, colorswatch.activatable:hover > overlay:disabled:selected, colorswatch.activatable:hover > overlay:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +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: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button > overlay:hover, colorswatch#add-color-button > overlay:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +colorswatch#add-color-button > overlay:hover, colorswatch#add-color-button > overlay:hover image, colorswatch#add-color-button > overlay:hover arrow, colorswatch#add-color-button > overlay:focus, colorswatch#add-color-button > overlay:focus image, colorswatch#add-color-button > overlay:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +colorswatch#add-color-button > overlay:active, colorswatch#add-color-button > overlay.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +colorswatch#add-color-button > overlay:checked, colorswatch#add-color-button > overlay:selected, colorswatch#add-color-button > overlay.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button > overlay:checked, colorswatch#add-color-button > overlay:checked image, colorswatch#add-color-button > overlay:checked arrow, colorswatch#add-color-button > overlay:selected, colorswatch#add-color-button > overlay:selected image, colorswatch#add-color-button > overlay:selected arrow, colorswatch#add-color-button > overlay.has-open-popup, colorswatch#add-color-button > overlay.has-open-popup image, colorswatch#add-color-button > overlay.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +colorswatch#add-color-button > overlay:checked:hover, colorswatch#add-color-button > overlay:checked:focus, colorswatch#add-color-button > overlay:selected:hover, colorswatch#add-color-button > overlay:selected:focus, colorswatch#add-color-button > overlay.has-open-popup:hover, colorswatch#add-color-button > overlay.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +colorswatch#add-color-button > overlay:checked:hover, colorswatch#add-color-button > overlay:checked:hover image, colorswatch#add-color-button > overlay:checked:hover arrow, colorswatch#add-color-button > overlay:checked:focus, colorswatch#add-color-button > overlay:checked:focus image, colorswatch#add-color-button > overlay:checked:focus arrow, colorswatch#add-color-button > overlay:selected:hover, colorswatch#add-color-button > overlay:selected:hover image, colorswatch#add-color-button > overlay:selected:hover arrow, colorswatch#add-color-button > overlay:selected:focus, colorswatch#add-color-button > overlay:selected:focus image, colorswatch#add-color-button > overlay:selected:focus arrow, colorswatch#add-color-button > overlay.has-open-popup:hover, colorswatch#add-color-button > overlay.has-open-popup:hover image, colorswatch#add-color-button > overlay.has-open-popup:hover arrow, colorswatch#add-color-button > overlay.has-open-popup:focus, colorswatch#add-color-button > overlay.has-open-popup:focus image, colorswatch#add-color-button > overlay.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +colorswatch#add-color-button > overlay:disabled, colorswatch#add-color-button > overlay:disabled:checked, colorswatch#add-color-button > overlay:disabled:selected, colorswatch#add-color-button > overlay:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +colorswatch:disabled { opacity: 0.5; background-color: #493e37; color: #7c675a; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #2a4606; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { 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); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: #75ff25; outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #2d2c2c; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #75ff25; } + +.content-view .tile:disabled { background-color: #493e37; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.7), 0 0 5px 1px #75ff25, 0 3px 6px 2px rgba(0, 0, 0, 0); margin: 0px; border-radius: 6px 6px 0 0; } + +window.csd:backdrop { box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.5), 0 3px 6px 2px rgba(0, 0, 0, 0.7); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(117, 255, 37, 0.9); } + +window.csd.dialog.message { border-radius: 6px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(117, 255, 37, 0.9); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #595757; border-radius: 0; box-shadow: inset 0 0 0 4px #595757, inset 0 0 0 3px #373636, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #595757, inset 0 0 0 3px #3f3e3e, inset 0 1px rgba(237, 240, 245, 0.07), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + +window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px #75ff25, 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px #75ff25; } + +tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #EDF0F5; background-color: #4f4f4f; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); border: 1px solid #666464; border-radius: 100%; transition: all 20ms 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, cursor-handle:focus { color: white; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +cursor-handle:hover, cursor-handle:hover image, cursor-handle:hover arrow, cursor-handle:focus, cursor-handle:focus image, cursor-handle:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:active, cursor-handle.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:checked, cursor-handle:selected, cursor-handle.has-open-popup { background-color: #434343; color: #75ff25; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:checked, cursor-handle:checked image, cursor-handle:checked arrow, cursor-handle:selected, cursor-handle:selected image, cursor-handle:selected arrow, cursor-handle.has-open-popup, cursor-handle.has-open-popup image, cursor-handle.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:checked:hover, cursor-handle:checked:focus, cursor-handle:selected:hover, cursor-handle:selected:focus, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:checked:hover, cursor-handle:checked:hover image, cursor-handle:checked:hover arrow, cursor-handle:checked:focus, cursor-handle:checked:focus image, cursor-handle:checked:focus arrow, cursor-handle:selected:hover, cursor-handle:selected:hover image, cursor-handle:selected:hover arrow, cursor-handle:selected:focus, cursor-handle:selected:focus image, cursor-handle:selected:focus arrow, cursor-handle.has-open-popup:hover, cursor-handle.has-open-popup:hover image, cursor-handle.has-open-popup:hover arrow, cursor-handle.has-open-popup:focus, cursor-handle.has-open-popup:focus image, cursor-handle.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled, cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle:disabled { color: #7c675a; background-color: #493e37; border-color: black; outline-color: #75ff25; background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.3),0.15), alpha(rgba(255, 255, 255, 0.3),0) 50%, alpha(rgba(0, 0, 0, 0.5),0) 50%, alpha(rgba(0, 0, 0, 0.5),0.25)); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5), inset 0 2px 1px -1px rgba(255, 255, 255, 0.3), inset 0 -2px 1px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:hover, cursor-handle:disabled:focus { color: #988071; text-shadow: 0 0 5px currentColor; -gtk-icon-filter: brightness(1.2); } + +cursor-handle:disabled:hover, cursor-handle:disabled:hover image, cursor-handle:disabled:hover arrow, cursor-handle:disabled:focus, cursor-handle:disabled:focus image, cursor-handle:disabled:focus arrow { -gtk-icon-shadow: 0 0 5px currentColor; } + +cursor-handle:disabled:active, cursor-handle:disabled.keyboard-activating { box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +cursor-handle:disabled:checked, cursor-handle:disabled:selected, cursor-handle:disabled.has-open-popup { background-color: #493e37; color: #7c675a; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.3); text-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked, cursor-handle:disabled:checked image, cursor-handle:disabled:checked arrow, cursor-handle:disabled:selected, cursor-handle:disabled:selected image, cursor-handle:disabled:selected arrow, cursor-handle:disabled.has-open-popup, cursor-handle:disabled.has-open-popup image, cursor-handle:disabled.has-open-popup arrow { -gtk-icon-shadow: 0 0 3px currentColor; } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:focus, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:focus, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:focus { text-shadow: 0 0 3px currentColor, 0 0 5px currentColor; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5), 0 10px 3px -9px alpha(currentColor,0.5); } + +cursor-handle:disabled:checked:hover, cursor-handle:disabled:checked:hover image, cursor-handle:disabled:checked:hover arrow, cursor-handle:disabled:checked:focus, cursor-handle:disabled:checked:focus image, cursor-handle:disabled:checked:focus arrow, cursor-handle:disabled:selected:hover, cursor-handle:disabled:selected:hover image, cursor-handle:disabled:selected:hover arrow, cursor-handle:disabled:selected:focus, cursor-handle:disabled:selected:focus image, cursor-handle:disabled:selected:focus arrow, cursor-handle:disabled.has-open-popup:hover, cursor-handle:disabled.has-open-popup:hover image, cursor-handle:disabled.has-open-popup:hover arrow, cursor-handle:disabled.has-open-popup:focus, cursor-handle:disabled.has-open-popup:focus image, cursor-handle:disabled.has-open-popup:focus arrow { -gtk-icon-shadow: 0 0 3px currentColor, 0 0 5px currentColor; } + +cursor-handle:disabled:disabled, cursor-handle:disabled:disabled:checked, cursor-handle:disabled:disabled:selected, cursor-handle:disabled:disabled.has-open-popup { color: #7c675a; background-color: #493e37; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; background-color: #323232; border: 1px solid; border-color: #595757; border-radius: 5px; box-shadow: inset 0 -3px #494848; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #595757; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #595757; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: rgba(237, 240, 245, 0.1); } + +button.emoji-section:checked { border-color: #75ff25; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #75ff25; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #75ff25; color: #2a4606; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #75ff25; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } + +undershoot.top { background-size: 100% 0.5em; background-position: top; } + +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } + +undershoot.left { background-size: 0.5em 100%; background-position: left; } + +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +stackswitcher, .stack-switcher, notebook > header, tabbar tabbox { border-radius: 9999px; border: none; box-shadow: 0 3px 1px -2px alpha(rgba(255, 255, 255, 0.3),0.4), inset 0 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px -1px rgba(0, 0, 0, 0.5); } + +headerbar stackswitcher, windowhandle stackswitcher, headerbar .stack-switcher, windowhandle .stack-switcher, headerbar notebook > header, headerbar tabbar tabbox, tabbar headerbar tabbox, windowhandle notebook > header, windowhandle tabbar tabbox, tabbar windowhandle tabbox { margin: 3px 0px; } + +headerbar stackswitcher > button, windowhandle stackswitcher > button, headerbar .stack-switcher > button, windowhandle .stack-switcher > button, headerbar notebook > header > button, headerbar tabbar tabbox > button, tabbar headerbar tabbox > button, windowhandle notebook > header > button, windowhandle tabbar tabbox > button, tabbar windowhandle tabbox > button { min-height: 19px; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #EDF0F5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #EDF0F5; +/* +widget base background color */ +@define-color theme_bg_color #3f3e3e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #323232; +/* +base background color of selections */ +@define-color theme_selected_bg_color #75ff25; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #2a4606; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #493e37; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #7c675a; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #323232; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #96979a; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #EDF0F5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #3f3e3e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #353535; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #75ff25; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #2a4606; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #666464; +/* +widgets main borders color */ +@define-color borders #595757; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #545252; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #96979a; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #323232; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232323; diff --git a/source/gtk4/gtk.css b/source/gtk4/gtk.css new file mode 100644 index 0000000..cf32f05 --- /dev/null +++ b/source/gtk4/gtk.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-light.css"); diff --git a/source/gtk4/meson.build b/source/gtk4/meson.build new file mode 100644 index 0000000..5e52a8b --- /dev/null +++ b/source/gtk4/meson.build @@ -0,0 +1,26 @@ +default_scss_files = files([ + '_colors-public.scss', + '_colors.scss', + '_common.scss', + '_drawing.scss', +]) + +default_theme_variants = [ + 'light', + 'dark', + 'hc', + 'hc-dark', +] + +default_theme_deps = [] + +foreach variant: default_theme_variants + default_theme_deps += custom_target('Default theme variant: ' + variant, + input: 'Default-@0@.scss'.format(variant), + output: 'Default-@0@.css'.format(variant), + command: [ + sassc, sassc_opts, '@INPUT@', '@OUTPUT@', + ], + depend_files: default_scss_files, + ) +endforeach diff --git a/source/gtk4/render-assets.sh b/source/gtk4/render-assets.sh new file mode 100755 index 0000000..f4b6998 --- /dev/null +++ b/source/gtk4/render-assets.sh @@ -0,0 +1,38 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +INDEX="assets.txt" + +for s in "" "-hc"; +do + SRC_FILE="assets$s.svg" + ASSETS_DIR="assets$s" + + for i in `cat $INDEX` + do + if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png + fi + if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png + fi + done +done +exit 0 diff --git a/source/templates/_theme_colors.scss b/source/templates/_theme_colors.scss new file mode 100644 index 0000000..f62addf --- /dev/null +++ b/source/templates/_theme_colors.scss @@ -0,0 +1,37 @@ +$window_fg: ${vwindow_fg}; +$window_bg: ${vwindow_bg}; +$text_widget_fg: ${vtext_widget_fg}; +$text_widget_bg: ${vtext_widget_bg}; + +$selected_fg: ${vselected_fg}; +$selected_bg: ${vselected_bg}; + +$button_fg: ${vbutton_fg}; +$button_bg: ${vbutton_bg}; +$button_checked_bg: ${vbutton_checked_bg}; +$button_checked_fg: ${vbutton_checked_fg}; + + +$disabled_fg: ${vdisabled_fg}; +$disabled_bg: ${vdisabled_bg}; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: ${vwarningc}; +$errorc: ${verrorc}; +$successc: ${vsuccessc}; + + +$titlebar_active_fg: ${vtitlebar_active_fg}; +$titlebar_active_bg: ${vtitlebar_active_bg}; + +$titlebar_backdrop_fg: ${vtitlebar_backdrop_fg}; +$titlebar_backdrop_bg: ${vtitlebar_backdrop_bg}; + +$hint_fg: ${vhint_fg}; +$hint_bg: ${vhint_bg}; + +$osd_fg: ${vosd_fg}; +$osd_bg: ${vosd_bg}; + +$link_fg: ${vlink_fg}; +$link_visited_fg: ${vlink_visited_fg}; diff --git a/source/templates/_theme_colors.scss.processed b/source/templates/_theme_colors.scss.processed new file mode 100644 index 0000000..b153b7c --- /dev/null +++ b/source/templates/_theme_colors.scss.processed @@ -0,0 +1,37 @@ +$window_fg: #EDF0F5; +$window_bg: #3f3e3e; +$text_widget_fg: #EDF0F5; +$text_widget_bg: #323232; + +$selected_fg: #2a4606; +$selected_bg: #75ff25; + +$button_fg: #EDF0F5; +$button_bg: #4f4f4f; +$button_checked_bg: #434343; +$button_checked_fg: #75ff25; + + +$disabled_fg: #7c675a; +$disabled_bg: #493e37; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: #f57900; +$errorc: #CC0000; +$successc: #33d17a; + + +$titlebar_active_fg: #EDF0F5; +$titlebar_active_bg: #3f3e3e; + +$titlebar_backdrop_fg: #EDF0F5; +$titlebar_backdrop_bg: #3f3e3e; + +$hint_fg: #66cbec; +$hint_bg: #203d79; + +$osd_fg: #66cbec; +$osd_bg: #203d79; + +$link_fg: #99c1f1; +$link_visited_fg: #dc8add; diff --git a/source/templates/_theme_colors.scss.unused b/source/templates/_theme_colors.scss.unused new file mode 100644 index 0000000..8a51311 --- /dev/null +++ b/source/templates/_theme_colors.scss.unused @@ -0,0 +1,37 @@ +$window_fg: $vwindow_fg; +$window_bg: $vwindow_bg; +$text_widget_fg: $vtext_widget_fg; +$text_widget_bg: $vtext_widget_bg; + +$selected_fg: $vselected_fg; +$selected_bg: $vselected_bg; + +$button_fg: $vbutton_fg; +$button_bg: $vbutton_bg; +$button_checked_bg: $vbutton_checked_bg; +$button_checked_fg: $vbutton_checked_fg; + + +$disabled_fg: $vdisabled_fg; +$disabled_bg: $vdisabled_bg; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: $vdisabled_bg; +$errorc: $verrorc; +$successc: $vsuccessc; + + +$titlebar_active_fg: $vtitlebar_active_fg; +$titlebar_active_bg: $vtitlebar_active_bg; + +$titlebar_backdrop_fg: $vtitlebar_backdrop_fg; +$titlebar_backdrop_bg: $vtitlebar_backdrop_bg; + +$hint_fg: $vhint_fg; +$hint_bg: $vhint_bg; + +$osd_fg: $vosd_fg; +$osd_bg: $vosd_bg; + +$link_fg: $vlink_fg; +$link_visited_fg: $vlink_visited_fg; diff --git a/source/templates/_theme_colors.scss~ b/source/templates/_theme_colors.scss~ new file mode 100644 index 0000000..95cd0af --- /dev/null +++ b/source/templates/_theme_colors.scss~ @@ -0,0 +1,37 @@ +"$window_fg: "$vwindow_fg; +$window_bg: $vwindow_bg; +$text_widget_fg: $vtext_widget_fg; +$text_widget_bg: $vtext_widget_bg; + +$selected_fg: $vselected_fg; +$selected_bg: $vselected_bg; + +$button_fg: $vbutton_fg; +$button_bg: $vbutton_bg; +$button_checked_bg: $vbutton_checked_bg; +$button_checked_fg: $vbutton_checked_fg; + + +$disabled_fg: $vdisabled_fg; +$disabled_bg: $vdisabled_bg; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: $vdisabled_bg; +$errorc: $verrorc; +$successc: $vsuccessc; + + +$titlebar_active_fg: $vtitlebar_active_fg; +$titlebar_active_bg: $vtitlebar_active_bg; + +$titlebar_backdrop_fg: $vtitlebar_backdrop_fg; +$titlebar_backdrop_bg: $vtitlebar_backdrop_bg; + +$hint_fg: $vhint_fg; +$hint_bg: $vhint_bg; + +$osd_fg: $vosd_fg; +$osd_bg: $vosd_bg; + +$link_fg: $vlink_fg; +$link_visited_fg: $vlink_visited_fg; diff --git a/source/templates/colorscheme-dark-ClearCrystal-less_dark.sh b/source/templates/colorscheme-dark-ClearCrystal-less_dark.sh new file mode 100755 index 0000000..c8873bc --- /dev/null +++ b/source/templates/colorscheme-dark-ClearCrystal-less_dark.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Soil colors but less dark: dark gray, with green accents, readable and easy on the eyes + +vwindow_fg="#ffffff" +vwindow_bg="#6d6d6d" +vtext_widget_fg="#ffffff" +vtext_widget_bg="#555555" + +vselected_fg="#d1ff96" +vselected_bg="#669900" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#5f6c5e" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#c0977e" +vdisabled_bg="#685c56" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg="#507800" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#66cbec" +vhint_bg="#203d79" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99c1f1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-ClearCrystal-neutral.sh b/source/templates/colorscheme-dark-ClearCrystal-neutral.sh new file mode 100644 index 0000000..5cf3af9 --- /dev/null +++ b/source/templates/colorscheme-dark-ClearCrystal-neutral.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for Skewaita GTK theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Soil colors: dark gray, with green accents, readable and easy on the eyes + +vwindow_fg="#EDF0F5" +vwindow_bg="#3f3e3e" +vtext_widget_fg="#EDF0F5" +vtext_widget_bg="#323232" + +vselected_fg="#ffffff" +vselected_bg="#769830" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#585858" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#7b7b7b" +vdisabled_bg="#494949" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg="#768556" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#66cbec" +vhint_bg="#203d79" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99c1f1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-ClearCrystal.sh b/source/templates/colorscheme-dark-ClearCrystal.sh new file mode 100755 index 0000000..8759193 --- /dev/null +++ b/source/templates/colorscheme-dark-ClearCrystal.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Soil colors: dark gray, with green accents, readable and easy on the eyes + +vwindow_fg="#EDF0F5" +vwindow_bg="#3f3e3e" +vtext_widget_fg="#EDF0F5" +vtext_widget_bg="#323232" + +vselected_fg="#d1ff96" +vselected_bg="#669900" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#4e584d" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#7c675a" +vdisabled_bg="#493e37" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg="#365200" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#66cbec" +vhint_bg="#203d79" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99c1f1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-KvCyan.sh b/source/templates/colorscheme-dark-KvCyan.sh new file mode 100755 index 0000000..31c1bcf --- /dev/null +++ b/source/templates/colorscheme-dark-KvCyan.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# KvCyan: dark cyan, with brighter cyan accents, readable and easy on the eyes, based on Kvantum's KvCyan theme. + +vwindow_fg="#ffffff" +vwindow_bg="#344d5b" +vtext_widget_fg="#ffffff" +vtext_widget_bg="#232332" + +vselected_fg="#ffffff" +vselected_bg="#006d8c" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#2e404a" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#A7A7A7" +vdisabled_bg="#30363A" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg="#344d5b" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#76D5F5" +vhint_bg="#003553" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99A2F1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-Pandora.sh b/source/templates/colorscheme-dark-Pandora.sh new file mode 100755 index 0000000..5fca721 --- /dev/null +++ b/source/templates/colorscheme-dark-Pandora.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Pandora: midnightblue ish with purple accents and green buttons + +vwindow_fg="#12c3e9" +vwindow_bg="#162748" +vtext_widget_fg="#28D7FF" +vtext_widget_bg="#17184f" + +vselected_fg="#7CE7FF" +vselected_bg="#6823f1" + +vbutton_fg="#05d75b" +vbutton_bg="#09483c" +vbutton_checked_fg="#32f291" +vbutton_checked_bg="#00751b" + + +vdisabled_fg="#A50052" +vdisabled_bg="#520B2E" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#F5BC00" +verrorc="#FF0000" +vsuccessc="#87D133" + + +vtitlebar_active_fg="#32f291" +vtitlebar_active_bg=$vwindow_bg + +vtitlebar_backdrop_fg="#229159" +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#ADFFF8" +vhint_bg="#34005F" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#AEB6FF" +vlink_visited_fg="#FD99FF" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-UltraSkeuo.sh b/source/templates/colorscheme-dark-UltraSkeuo.sh new file mode 100755 index 0000000..b748729 --- /dev/null +++ b/source/templates/colorscheme-dark-UltraSkeuo.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Soil colors: dark gray, with green accents, readable and easy on the eyes + +vwindow_fg="#EDF0F5" +vwindow_bg="#3f3e3e" +vtext_widget_fg="#EDF0F5" +vtext_widget_bg="#323232" + +vselected_fg="#2a4606" +vselected_bg="#75ff25" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#4f4f4f" +vbutton_checked_bg="#434343" +vbutton_checked_fg=$vselected_bg + + +vdisabled_fg="#7c675a" +vdisabled_bg="#493e37" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg=$vwindow_fg +vtitlebar_active_bg=$vwindow_bg + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#66cbec" +vhint_bg="#203d79" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99c1f1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-adwaita-yaru.sh b/source/templates/colorscheme-dark-adwaita-yaru.sh new file mode 100755 index 0000000..bfbd92b --- /dev/null +++ b/source/templates/colorscheme-dark-adwaita-yaru.sh @@ -0,0 +1,57 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Yaru dark: Dark, with orange accents, based on Adwaita + +vwindow_fg="#F0F0F0" +vwindow_bg="#353535" +vtext_widget_fg="#F0F0F0" +vtext_widget_bg="#303030" + +vselected_fg="#ffffff" +vselected_bg="#da6238" + +vbutton_fg="#ffffff" +vbutton_bg="#313131" +vbutton_checked_fg="#ffffff" +vbutton_checked_bg="#131313" + + + +vdisabled_fg="#A79A9A" +vdisabled_bg="#352F2F" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg="#ffffff" +vtitlebar_active_bg="#2C2C2C" + +vtitlebar_backdrop_fg="#C2C2C2" +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#B7C9E2" +vhint_bg="#33383F" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99A2F1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-adwaita.sh b/source/templates/colorscheme-dark-adwaita.sh new file mode 100755 index 0000000..6a6b2b2 --- /dev/null +++ b/source/templates/colorscheme-dark-adwaita.sh @@ -0,0 +1,57 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Dark adwaia: dark blue accents, based on Awaita-dark. + +vwindow_fg="#F0F0F0" +vwindow_bg="#353535" +vtext_widget_fg="#F0F0F0" +vtext_widget_bg="#303030" + +vselected_fg="#ffffff" +vselected_bg="#15539e" + +vbutton_fg="#ffffff" +vbutton_bg="#313131" +vbutton_checked_fg="#ffffff" +vbutton_checked_bg="#131313" + + + +vdisabled_fg="#A79A9A" +vdisabled_bg="#352F2F" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg="#ffffff" +vtitlebar_active_bg="#2C2C2C" + +vtitlebar_backdrop_fg="#C2C2C2" +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#B7C9E2" +vhint_bg="#33383F" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99A2F1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-debian.sh b/source/templates/colorscheme-dark-debian.sh new file mode 100755 index 0000000..6629c7c --- /dev/null +++ b/source/templates/colorscheme-dark-debian.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# DarkDebian: dark with Debian base color accents, based on Kvantum's DarkRed theme. + +vwindow_fg="#ffffff" +vwindow_bg="#4f4f4f" +vtext_widget_fg="#ffffff" +vtext_widget_bg="#2e2e2e" + +vselected_fg="#ffffff" +vselected_bg="#a80030" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#3b3b3b" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#A7A7A7" +vdisabled_bg="#5E5E5E" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#F5BC00" +verrorc="#FF5E00" +vsuccessc="#38D133" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg="#633133" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#DFABBA" +vhint_bg="#313131" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99A2F1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-forest.sh b/source/templates/colorscheme-dark-forest.sh new file mode 100755 index 0000000..133e021 --- /dev/null +++ b/source/templates/colorscheme-dark-forest.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Soil colors: dark gray, with green accents, readable and easy on the eyes + +vwindow_fg="#e6e6fa" +vwindow_bg="#424242" +vtext_widget_fg="#EDF0F5" +vtext_widget_bg="#5b5b5b" + +vselected_fg="#d1ff96" +vselected_bg="#669900" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#584d47" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#817A7A" +vdisabled_bg="#4B4B4B" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg="#71e4e0" +vtitlebar_active_bg="#375153" + +vtitlebar_backdrop_fg=$vtitlebar_active_fg +vtitlebar_backdrop_bg="#455050" + +vhint_fg="#CFEC66" +vhint_bg="#1A5212" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99c1f1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-matrix.sh b/source/templates/colorscheme-dark-matrix.sh new file mode 100644 index 0000000..dfc08a1 --- /dev/null +++ b/source/templates/colorscheme-dark-matrix.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Dark Yellow: dark with yellow base color accents, based on Kvantum's DarkRed theme. + +vwindow_fg="#00ff00" +vwindow_bg="#000F00" +vtext_widget_fg="#00ff00" +vtext_widget_bg="#002000" + +vselected_fg="#99ff99" +vselected_bg="#00BB00" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#004400" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#AA0000" +vdisabled_bg="#420000" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#F1F500" +verrorc="#FF7B00" +vsuccessc="#00FFC8" + + +vtitlebar_active_fg="#00ff00" +vtitlebar_active_bg="#008800" + +vtitlebar_backdrop_fg="#00DD00" +vtitlebar_backdrop_bg="#004400" + +vhint_fg="#00ff00" +vhint_bg="#004E00" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#74FFF8" +vlink_visited_fg="#FD9EFF" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-red.sh b/source/templates/colorscheme-dark-red.sh new file mode 100755 index 0000000..3dad081 --- /dev/null +++ b/source/templates/colorscheme-dark-red.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# DarkRed: dark with red accents, based on Kvantum's DarkRed theme. + +vwindow_fg="#ffffff" +vwindow_bg="#3f3f3f" +vtext_widget_fg="#ffffff" +vtext_widget_bg="#2e2e2e" + +vselected_fg="#ffffff" +vselected_bg="#a11014" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#333333" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#A7A7A7" +vdisabled_bg="#404040" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#F5BC00" +verrorc="#FF5E00" +vsuccessc="#38D133" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg="#633133" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#DBDBB6" +vhint_bg="#000000" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99A2F1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-dark-yellow.sh b/source/templates/colorscheme-dark-yellow.sh new file mode 100644 index 0000000..310c8c2 --- /dev/null +++ b/source/templates/colorscheme-dark-yellow.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal dark (default) +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Dark Yellow: dark with yellow base color accents, based on Kvantum's DarkRed theme. + +vwindow_fg="#ffffff" +vwindow_bg="#333333" +vtext_widget_fg="#ffffff" +vtext_widget_bg="#2e2e2e" + +vselected_fg="#000000" +vselected_bg="#FFEE00" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#464646" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#929292" +vdisabled_bg="#2E2828" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#F59F00" +verrorc="#DD1A00" +vsuccessc="#33D168" + + +vtitlebar_active_fg="#ffffff" +vtitlebar_active_bg="#5C570F" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#FFF495" +vhint_bg="#362E00" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99A2F1" +vlink_visited_fg="#dc8add" + +vbutton_radius="0px" +vwindow_radius="0px" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-light-ClearCrystal.sh b/source/templates/colorscheme-light-ClearCrystal.sh new file mode 100755 index 0000000..565b40d --- /dev/null +++ b/source/templates/colorscheme-light-ClearCrystal.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for ClearCrystal light +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Original Skewaita: light, with grayish tones and light green accents, VERY easy on the eyes + +vwindow_fg="#241f31" +vwindow_bg="#a7a7a7" +vtext_widget_fg="#241f31" +vtext_widget_bg="#b5b5b5" + +vselected_fg="#d1ff96" +vselected_bg="#456800" + +vbutton_fg="#241f31" +vbutton_bg="#bcbeb9" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#552222" +vdisabled_bg="#938989" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#990000" +vsuccessc="#73d216" + + +vtitlebar_active_fg="#000000" +vtitlebar_active_bg="#8B9772" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#002269" +vhint_bg="#6789b4" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-light-Skewaita_original_light.sh b/source/templates/colorscheme-light-Skewaita_original_light.sh new file mode 100755 index 0000000..6a5c7fe --- /dev/null +++ b/source/templates/colorscheme-light-Skewaita_original_light.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for Skewaita GTK theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Original Skewaita: light, with grayish tones and light green accents, VERY easy on the eyes + +vwindow_fg="#241f31" +vwindow_bg="#a7a7a7" +vtext_widget_fg="#241f31" +vtext_widget_bg="#908f8d" + +vselected_fg="#000000" +vselected_bg="#b0dd7e" + +vbutton_fg="#241f31" +vbutton_bg="#bcbeb9" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#552222" +vdisabled_bg="#938989" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#990000" +vsuccessc="#73d216" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg=$vselected_bg + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#002269" +vhint_bg="#6789b4" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-light-adwaita.sh b/source/templates/colorscheme-light-adwaita.sh new file mode 100644 index 0000000..2e9a72a --- /dev/null +++ b/source/templates/colorscheme-light-adwaita.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for GlossyApertures theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Light greenyellow: light, with grayish tones and greenyellow accents, easy on the eyes + +vwindow_fg="#1d1d1d" +vwindow_bg="#f6f5f4" +vtext_widget_fg="#1d1d1d" +vtext_widget_bg="#fcfcfc" + +vselected_fg="#FFFFFF" +vselected_bg="#3584e4" + +vbutton_fg="#1d1d1d" +vbutton_bg="#EEEDED" +vbutton_checked_bg="#c4beb8" +vbutton_checked_fg="#000000" + + +vdisabled_fg="#807a6a" +vdisabled_bg="#E6E0D7" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#e17800" +verrorc="#df0000" +vsuccessc="#13D2A2" + + +vtitlebar_active_fg=$vwindow_fg +vtitlebar_active_bg="#EEEDED" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#132933" +vhint_bg="#CAD3EB" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-light-blue.sh b/source/templates/colorscheme-light-blue.sh new file mode 100755 index 0000000..e029e74 --- /dev/null +++ b/source/templates/colorscheme-light-blue.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for GlossyApertures theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# GlossyApertures: light, with grayish tones and blueish cyan accents, easy on the eyes + +vwindow_fg="#1d1d1d" +vwindow_bg="#c9c9c9" +vtext_widget_fg="#1d1d1d" +vtext_widget_bg="#e5e5e5" + +vselected_fg="#000000" +vselected_bg="#9dccff" + +vbutton_fg="#1d1d1d" +vbutton_bg="#d3d3d3" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#552222" +vdisabled_bg="#c7bebe" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#e17800" +verrorc="#df0000" +vsuccessc="#13d272" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg="#9bb5d2" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#504300" +vhint_bg="#ffffa4" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-light-debian.sh b/source/templates/colorscheme-light-debian.sh new file mode 100644 index 0000000..572b575 --- /dev/null +++ b/source/templates/colorscheme-light-debian.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for GlossyApertures theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Light Turquoise: light, with grayish tones and turquoise accents, easy on the eyes + +vwindow_fg="#1d1d1d" +vwindow_bg="#c9c9c9" +vtext_widget_fg="#1d1d1d" +vtext_widget_bg="#e5e5e5" + +vselected_fg="#ffffff" +vselected_bg="#a80030" + +vbutton_fg="#1d1d1d" +vbutton_bg="#d3d3d3" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#807a6a" +vdisabled_bg="#c3bbaf" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#e17800" +verrorc="#df0000" +vsuccessc="#6FD213" + + +vtitlebar_active_fg="#ffffff" +vtitlebar_active_bg="#C2355D" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#132933" +vhint_bg="#A4E2FF" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-light-greenyellow.sh b/source/templates/colorscheme-light-greenyellow.sh new file mode 100644 index 0000000..a65737f --- /dev/null +++ b/source/templates/colorscheme-light-greenyellow.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for GlossyApertures theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Light greenyellow: light, with grayish tones and greenyellow accents, easy on the eyes + +vwindow_fg="#1d1d1d" +vwindow_bg="#c9c9c9" +vtext_widget_fg="#1d1d1d" +vtext_widget_bg="#e5e5e5" + +vselected_fg="#000000" +vselected_bg="#B1FF67" + +vbutton_fg="#1d1d1d" +vbutton_bg="#d3d3d3" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#807a6a" +vdisabled_bg="#c3bbaf" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#e17800" +verrorc="#df0000" +vsuccessc="#13D2A2" + + +vtitlebar_active_fg=$vwindow_fg +vtitlebar_active_bg="#C4E7A3" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#132933" +vhint_bg="#A4E2FF" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-light-turquoise.sh b/source/templates/colorscheme-light-turquoise.sh new file mode 100644 index 0000000..0354082 --- /dev/null +++ b/source/templates/colorscheme-light-turquoise.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for GlossyApertures theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Light Turquoise: light, with grayish tones and turquoise accents, easy on the eyes + +vwindow_fg="#1d1d1d" +vwindow_bg="#c9c9c9" +vtext_widget_fg="#1d1d1d" +vtext_widget_bg="#e5e5e5" + +vselected_fg="#000000" +vselected_bg="#38E7B6" + +vbutton_fg="#1d1d1d" +vbutton_bg="#d3d3d3" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#807a6a" +vdisabled_bg="#c3bbaf" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#e17800" +verrorc="#df0000" +vsuccessc="#6FD213" + + +vtitlebar_active_fg=$vwindow_fg +vtitlebar_active_bg="#9BDDCA" + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#132933" +vhint_bg="#A4E2FF" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/gtkrc b/source/templates/gtkrc new file mode 100644 index 0000000..fd236b9 --- /dev/null +++ b/source/templates/gtkrc @@ -0,0 +1,442 @@ + +# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. + +gtk-color-scheme = "bg_color:${vwindow_bg}" +gtk-color-scheme = "fg_color:${vwindow_fg}" +gtk-color-scheme = "base_color:${vtext_widget_bg}" +gtk-color-scheme = "text_color:${vtext_widget_fg}" +gtk-color-scheme = "selected_bg_color:${vselected_bg}" +gtk-color-scheme = "selected_fg_color:${vselected_fg}" +gtk-color-scheme = "tooltip_bg_color:${vhint_bg}" +gtk-color-scheme = "tooltip_fg_color:${vhint_fg}" +gtk-color-scheme = "disabled_bg_color:${vdisabled_bg}" +gtk-color-scheme = "disabled_fg_color:${vdisabled_fg}" +gtk-color-scheme = "button_bg_color:${vbutton_bg}" +gtk-color-scheme = "button_fg_color:${vbutton_fg}" +gtk-color-scheme = "button_checked_bg_color:${vbutton_checked_bg}" +gtk-color-scheme = "button_checked_fg_color:${vbutton_checked_fg}" + + +style "default" { + xthickness = 1 + ythickness = 1 + + ####################### + # Style Properties + ####################### + GtkButton::child-displacement-x = 1 + GtkButton::child-displacement-y = 1 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::image-spacing = 4 + GtkToolButton::icon-spacing = 4 + + GtkCheckButton::indicator-size = 14 + + GtkPaned::handle-size = 6 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 15 + GtkRange::stepper-size = 15 + + GtkScale::slider-length = 23 + GtkScale::trough-side-details = 1 + + GtkScrollbar::min-slider-length = 30 + GtkMenuBar::internal-padding = 0 + GtkExpander::expander-size = 16 + GtkToolbar::internal-padding = 1 + GtkTreeView::expander-size = 14 + GtkTreeView::vertical-separator = 0 + + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + WnckTasklist::fade-overlay-rect = 0 + # The following line hints to gecko (and possibly other appliations) + # that the entry should be drawn transparently on the canvas. + # Without this, gecko will fill in the background of the entry. + GtkEntry::honors-transparent-bg-hint = 1 + + GtkEntry::progress-border = { 2, 2, 2, 2 } + + #################### + # Color Definitions + #################### + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @disabled_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = @disabled_fg_color + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @disabled_fg_color + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = @disabled_bg_color + base[ACTIVE] = shade (0.9, @selected_bg_color) + + engine "clearlooks" { + colorize_scrollbar = FALSE + reliefstyle = 0 + menubarstyle = 0 # 0 = flat, 1 = sunken, 2 = flat gradient + toolbarstyle = 0 # 0 = flat, 1 = enable effects + animation = FALSE + radius = 3.0 + style = GUMMY # GLOSSY, GUMMY, CLASSIC + # Set a hint to disable backward compatibility fallbacks. + hint = "use-hints" + } +} + +style "wide" { + xthickness = 2 + ythickness = 2 +} + +style "wider" { + xthickness = 3 + ythickness = 3 +} + +style "entry" { + xthickness = 3 + ythickness = 3 + + bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) + fg[SELECTED] = @text_color + + engine "clearlooks" { + focus_color = shade (0.65, @selected_bg_color) + } +} + +style "spinbutton" { + + engine "clearlooks" { + hint = "spinbutton" + } +} + +style "scale" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + hint = "scale" + } +} + +style "vscale" { + + engine "clearlooks" { + hint = "vscale" + } +} + +style "hscale" { + + engine "clearlooks" { + hint = "hscale" + } +} + +style "scrollbar" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + hint = "scrollbar" + } +} + +style "hscrollbar" { + + engine "clearlooks" { + hint = "hscrollbar" + } +} + +style "vscrollbar" { + + engine "clearlooks" { + hint = "vscrollbar" + } +} + +style "notebook_bg" { + + bg[NORMAL] = shade (1.02, @bg_color) +} + +style "button" { + xthickness = 3 + ythickness = 3 + + bg[NORMAL] = @button_bg_color + fg[NORMAL] = @button_fg_color + bg[PRELIGHT] = shade (1.06, @button_checked_bg_color) + fg[PRELIGHT] = shade (1.06, @button_checked_fg_color) + bg[ACTIVE] = @button_checked_bg_color + fg[ACTIVE] = @button_checked_fg_color #apparently it is ignored by the engine! +} + +# The color is changed by the notebook_bg style, this style +# changes the x/ythickness +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "statusbar" { + + engine "clearlooks" { + hint = "statusbar" + } +} + +style "comboboxentry" { + + engine "clearlooks" { + # Note: + # If you set the appears-as-list option on comboboxes in the theme, + # then you should set this hint on the combobox instead. + hint = "comboboxentry" + } +} + +style "menubar" { + + engine "clearlooks" { + hint = "menubar" + } +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = shade (1.08, @bg_color) + + engine "clearlooks" { + radius = 0.0 + } +} + +style "menu_item" { + xthickness = 2 + ythickness = 3 + + fg[PRELIGHT] = @selected_fg_color +} + +# This style is there to modify the separator menu items. The goals are: +# 1. Get a specific height. +# 2. The line should go to the edges (ie. no border at the left/right) +style "separator_menu_item" { + xthickness = 1 + ythickness = 0 + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 7 +} + +style "frame_title" { + + fg[NORMAL] = lighter (@fg_color) +} + +style "treeview" { + + engine "clearlooks" { + hint = "treeview" + } +} + +# The almost useless progress bar style +style "progressbar" { + xthickness = 1 + ythickness = 1 + + fg[PRELIGHT] = @selected_fg_color + + engine "clearlooks" { + # Explicitly set the radius for the progress bars inside menu items. + radius = 3.0 + + hint = "progressbar" + } +} + +# This style is based on the default style, so that the colors from the button +# style are overriden again. +style "treeview_header" = "default" { + xthickness = 2 + ythickness = 1 + + engine "clearlooks" { + hint = "treeview-header" + } +} + +style "tooltips" { + xthickness = 4 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color +} + +style "nautilus_location" { + + bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +} + +# Wrokaroudn style for places where the text color is used instead of the fg color. +style "text_is_fg_color_workaround" { + + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for menus where the text color is used instead of the fg color. +style "menuitem_text_is_fg_color_workaround" { + + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for places where the fg color is used instead of the text color. +style "fg_is_text_color_workaround" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = @disabled_fg_color +} + +# Style to set the toolbar to use a flat style. This is because the "New" button in +# Evolution is not drawn transparent. So if there is a gradient in the background it will +# look really wrong. +# See http://bugzilla.gnome.org/show_bug.cgi?id=446953. +style "evo_new_button_workaround" { + + engine "clearlooks" { + toolbarstyle = 0 + } +} + + +############################################################################### +# The following part of the gtkrc applies the different styles to the widgets. +############################################################################### + +# The default style is applied to every widget +class "GtkWidget" style "default" + +class "GtkSeparator" style "wide" +class "GtkFrame" style "wide" +class "GtkCalendar" style "wide" +class "GtkEntry" style "entry" + +class "GtkSpinButton" style "spinbutton" +class "GtkScale" style "scale" +class "GtkVScale" style "vscale" +class "GtkHScale" style "hscale" +class "GtkScrollbar" style "scrollbar" +class "GtkHScrollbar" style "hscrollbar" +class "GtkVScrollbar" style "vscrollbar" + +# General matching follows. The order is choosen so that the right styles override +# each other. EG. progressbar needs to be more important than the menu match. +widget_class "*" style "notebook_bg" +# This is not perfect, it could be done better. +# (That is modify *every* widget in the notebook, and change those back that +# we really don't want changed) +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" + +widget_class "*" style "button" +widget_class "*" style "notebook" +widget_class "**" style "statusbar" + +widget_class "**" style "comboboxentry" +widget_class "**" style "comboboxentry" + +widget_class "**" style "menubar" +widget_class "**" style "menu" +widget_class "**" style "menu_item" +widget_class "**" style "separator_menu_item" + +widget_class "*.." style "frame_title" +widget_class "*.*" style "treeview" + +widget_class "*" style "progressbar" + +# Treeview headers (and similar stock GTK+ widgets) +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" + +# The window of the tooltip is called "gtk-tooltip" +################################################################## +# FIXME: +# This will not work if one embeds eg. a button into the tooltip. +# As far as I can tell right now we will need to rework the theme +# quite a bit to get this working correctly. +# (It will involve setting different priorities, etc.) +################################################################## +widget "gtk-tooltip*" style "tooltips" + +########################################################################## +# Following are special cases and workarounds for issues in applications. +########################################################################## + +# Workaround for the evolution ETable (bug #527532) +widget_class "*.." style "treeview_header" +# Workaround for the evolution ETree +widget_class "*.." style "treeview_header" + +# Special case the nautilus-extra-view-widget +# ToDo: A more generic approach for all applications that have a widget like this. +widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" + +# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 +# Note that this work around assumes that the combobox is _not_ in appears-as-list mode. +widget_class "*.." style "text_is_fg_color_workaround" +# This is the part of the workaround that fixes the menus +widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround" + +# Work around the usage of GtkLabel inside GtkListItems to display text. +# This breaks because the label is shown on a background that is based on the base color. +widget_class "**" style "fg_is_text_color_workaround" +# GtkCList also uses the fg color to draw text on top of the base colors. +widget_class "*" style "fg_is_text_color_workaround" +# Nautilus when renaming files, and maybe other places. +widget_class "*" style "fg_is_text_color_workaround" + +# See the documentation of the style. +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround" diff --git a/source/templates/gtkrc.processed b/source/templates/gtkrc.processed new file mode 100644 index 0000000..f7d6c22 --- /dev/null +++ b/source/templates/gtkrc.processed @@ -0,0 +1,442 @@ + +# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. + +gtk-color-scheme = "bg_color:#3f3e3e" +gtk-color-scheme = "fg_color:#EDF0F5" +gtk-color-scheme = "base_color:#323232" +gtk-color-scheme = "text_color:#EDF0F5" +gtk-color-scheme = "selected_bg_color:#75ff25" +gtk-color-scheme = "selected_fg_color:#2a4606" +gtk-color-scheme = "tooltip_bg_color:#203d79" +gtk-color-scheme = "tooltip_fg_color:#66cbec" +gtk-color-scheme = "disabled_bg_color:#493e37" +gtk-color-scheme = "disabled_fg_color:#7c675a" +gtk-color-scheme = "button_bg_color:#4f4f4f" +gtk-color-scheme = "button_fg_color:#EDF0F5" +gtk-color-scheme = "button_checked_bg_color:#434343" +gtk-color-scheme = "button_checked_fg_color:#75ff25" + + +style "default" { +xthickness = 1 +ythickness = 1 + +####################### +# Style Properties +####################### +GtkButton::child-displacement-x = 1 +GtkButton::child-displacement-y = 1 +GtkButton::default-border = { 0, 0, 0, 0 } +GtkButton::image-spacing = 4 +GtkToolButton::icon-spacing = 4 + +GtkCheckButton::indicator-size = 14 + +GtkPaned::handle-size = 6 + +GtkRange::trough-border = 0 +GtkRange::slider-width = 15 +GtkRange::stepper-size = 15 + +GtkScale::slider-length = 23 +GtkScale::trough-side-details = 1 + +GtkScrollbar::min-slider-length = 30 +GtkMenuBar::internal-padding = 0 +GtkExpander::expander-size = 16 +GtkToolbar::internal-padding = 1 +GtkTreeView::expander-size = 14 +GtkTreeView::vertical-separator = 0 + +GtkMenu::horizontal-padding = 0 +GtkMenu::vertical-padding = 0 + +WnckTasklist::fade-overlay-rect = 0 +# The following line hints to gecko (and possibly other appliations) +# that the entry should be drawn transparently on the canvas. +# Without this, gecko will fill in the background of the entry. +GtkEntry::honors-transparent-bg-hint = 1 + +GtkEntry::progress-border = { 2, 2, 2, 2 } + +#################### +# Color Definitions +#################### +bg[NORMAL] = @bg_color +bg[PRELIGHT] = shade (1.02, @bg_color) +bg[SELECTED] = @selected_bg_color +bg[INSENSITIVE] = @disabled_bg_color +bg[ACTIVE] = shade (0.9, @bg_color) + +fg[NORMAL] = @fg_color +fg[PRELIGHT] = @fg_color +fg[SELECTED] = @selected_fg_color +fg[INSENSITIVE] = @disabled_fg_color +fg[ACTIVE] = @fg_color + +text[NORMAL] = @text_color +text[PRELIGHT] = @text_color +text[SELECTED] = @selected_fg_color +text[INSENSITIVE] = @disabled_fg_color +text[ACTIVE] = @selected_fg_color + +base[NORMAL] = @base_color +base[PRELIGHT] = shade (0.95, @bg_color) +base[SELECTED] = @selected_bg_color +base[INSENSITIVE] = @disabled_bg_color +base[ACTIVE] = shade (0.9, @selected_bg_color) + +engine "clearlooks" { +colorize_scrollbar = FALSE +reliefstyle = 0 +menubarstyle = 0 # 0 = flat, 1 = sunken, 2 = flat gradient +toolbarstyle = 0 # 0 = flat, 1 = enable effects +animation = FALSE +radius = 3.0 +style = GUMMY # GLOSSY, GUMMY, CLASSIC +# Set a hint to disable backward compatibility fallbacks. +hint = "use-hints" +} +} + +style "wide" { +xthickness = 2 +ythickness = 2 +} + +style "wider" { +xthickness = 3 +ythickness = 3 +} + +style "entry" { +xthickness = 3 +ythickness = 3 + +bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) +fg[SELECTED] = @text_color + +engine "clearlooks" { +focus_color = shade (0.65, @selected_bg_color) +} +} + +style "spinbutton" { + +engine "clearlooks" { +hint = "spinbutton" +} +} + +style "scale" { +xthickness = 2 +ythickness = 2 + +engine "clearlooks" { +hint = "scale" +} +} + +style "vscale" { + +engine "clearlooks" { +hint = "vscale" +} +} + +style "hscale" { + +engine "clearlooks" { +hint = "hscale" +} +} + +style "scrollbar" { +xthickness = 2 +ythickness = 2 + +engine "clearlooks" { +hint = "scrollbar" +} +} + +style "hscrollbar" { + +engine "clearlooks" { +hint = "hscrollbar" +} +} + +style "vscrollbar" { + +engine "clearlooks" { +hint = "vscrollbar" +} +} + +style "notebook_bg" { + +bg[NORMAL] = shade (1.02, @bg_color) +} + +style "button" { +xthickness = 3 +ythickness = 3 + +bg[NORMAL] = @button_bg_color +fg[NORMAL] = @button_fg_color +bg[PRELIGHT] = shade (1.06, @button_checked_bg_color) +fg[PRELIGHT] = shade (1.06, @button_checked_fg_color) +bg[ACTIVE] = @button_checked_bg_color +fg[ACTIVE] = @button_checked_fg_color #apparently it is ignored by the engine! +} + +# The color is changed by the notebook_bg style, this style +# changes the x/ythickness +style "notebook" { +xthickness = 3 +ythickness = 3 +} + +style "statusbar" { + +engine "clearlooks" { +hint = "statusbar" +} +} + +style "comboboxentry" { + +engine "clearlooks" { +# Note: +# If you set the appears-as-list option on comboboxes in the theme, +# then you should set this hint on the combobox instead. +hint = "comboboxentry" +} +} + +style "menubar" { + +engine "clearlooks" { +hint = "menubar" +} +} + +style "menu" { +xthickness = 0 +ythickness = 0 + +bg[NORMAL] = shade (1.08, @bg_color) + +engine "clearlooks" { +radius = 0.0 +} +} + +style "menu_item" { +xthickness = 2 +ythickness = 3 + +fg[PRELIGHT] = @selected_fg_color +} + +# This style is there to modify the separator menu items. The goals are: +# 1. Get a specific height. +# 2. The line should go to the edges (ie. no border at the left/right) +style "separator_menu_item" { +xthickness = 1 +ythickness = 0 + +GtkSeparatorMenuItem::horizontal-padding = 0 +GtkWidget::wide-separators = 1 +GtkWidget::separator-width = 1 +GtkWidget::separator-height = 7 +} + +style "frame_title" { + +fg[NORMAL] = lighter (@fg_color) +} + +style "treeview" { + +engine "clearlooks" { +hint = "treeview" +} +} + +# The almost useless progress bar style +style "progressbar" { +xthickness = 1 +ythickness = 1 + +fg[PRELIGHT] = @selected_fg_color + +engine "clearlooks" { +# Explicitly set the radius for the progress bars inside menu items. +radius = 3.0 + +hint = "progressbar" +} +} + +# This style is based on the default style, so that the colors from the button +# style are overriden again. +style "treeview_header" = "default" { +xthickness = 2 +ythickness = 1 + +engine "clearlooks" { +hint = "treeview-header" +} +} + +style "tooltips" { +xthickness = 4 +ythickness = 4 + +bg[NORMAL] = @tooltip_bg_color +fg[NORMAL] = @tooltip_fg_color +} + +style "nautilus_location" { + +bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +} + +# Wrokaroudn style for places where the text color is used instead of the fg color. +style "text_is_fg_color_workaround" { + +text[NORMAL] = @fg_color +text[PRELIGHT] = @fg_color +text[SELECTED] = @selected_fg_color +text[ACTIVE] = @fg_color +text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for menus where the text color is used instead of the fg color. +style "menuitem_text_is_fg_color_workaround" { + +text[NORMAL] = @fg_color +text[PRELIGHT] = @selected_fg_color +text[SELECTED] = @selected_fg_color +text[ACTIVE] = @fg_color +text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for places where the fg color is used instead of the text color. +style "fg_is_text_color_workaround" { + +fg[NORMAL] = @text_color +fg[PRELIGHT] = @text_color +fg[SELECTED] = @selected_fg_color +fg[ACTIVE] = @selected_fg_color +fg[INSENSITIVE] = @disabled_fg_color +} + +# Style to set the toolbar to use a flat style. This is because the "New" button in +# Evolution is not drawn transparent. So if there is a gradient in the background it will +# look really wrong. +# See http://bugzilla.gnome.org/show_bug.cgi?id=446953. +style "evo_new_button_workaround" { + +engine "clearlooks" { +toolbarstyle = 0 +} +} + + +############################################################################### +# The following part of the gtkrc applies the different styles to the widgets. +############################################################################### + +# The default style is applied to every widget +class "GtkWidget" style "default" + +class "GtkSeparator" style "wide" +class "GtkFrame" style "wide" +class "GtkCalendar" style "wide" +class "GtkEntry" style "entry" + +class "GtkSpinButton" style "spinbutton" +class "GtkScale" style "scale" +class "GtkVScale" style "vscale" +class "GtkHScale" style "hscale" +class "GtkScrollbar" style "scrollbar" +class "GtkHScrollbar" style "hscrollbar" +class "GtkVScrollbar" style "vscrollbar" + +# General matching follows. The order is choosen so that the right styles override +# each other. EG. progressbar needs to be more important than the menu match. +widget_class "*" style "notebook_bg" +# This is not perfect, it could be done better. +# (That is modify *every* widget in the notebook, and change those back that +# we really don't want changed) +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" + +widget_class "*" style "button" +widget_class "*" style "notebook" +widget_class "**" style "statusbar" + +widget_class "**" style "comboboxentry" +widget_class "**" style "comboboxentry" + +widget_class "**" style "menubar" +widget_class "**" style "menu" +widget_class "**" style "menu_item" +widget_class "**" style "separator_menu_item" + +widget_class "*.." style "frame_title" +widget_class "*.*" style "treeview" + +widget_class "*" style "progressbar" + +# Treeview headers (and similar stock GTK+ widgets) +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" + +# The window of the tooltip is called "gtk-tooltip" +################################################################## +# FIXME: +# This will not work if one embeds eg. a button into the tooltip. +# As far as I can tell right now we will need to rework the theme +# quite a bit to get this working correctly. +# (It will involve setting different priorities, etc.) +################################################################## +widget "gtk-tooltip*" style "tooltips" + +########################################################################## +# Following are special cases and workarounds for issues in applications. +########################################################################## + +# Workaround for the evolution ETable (bug #527532) +widget_class "*.." style "treeview_header" +# Workaround for the evolution ETree +widget_class "*.." style "treeview_header" + +# Special case the nautilus-extra-view-widget +# ToDo: A more generic approach for all applications that have a widget like this. +widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" + +# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 +# Note that this work around assumes that the combobox is _not_ in appears-as-list mode. +widget_class "*.." style "text_is_fg_color_workaround" +# This is the part of the workaround that fixes the menus +widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround" + +# Work around the usage of GtkLabel inside GtkListItems to display text. +# This breaks because the label is shown on a background that is based on the base color. +widget_class "**" style "fg_is_text_color_workaround" +# GtkCList also uses the fg color to draw text on top of the base colors. +widget_class "*" style "fg_is_text_color_workaround" +# Nautilus when renaming files, and maybe other places. +widget_class "*" style "fg_is_text_color_workaround" + +# See the documentation of the style. +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround" diff --git a/source/templates/process_variables.sh~ b/source/templates/process_variables.sh~ new file mode 100755 index 0000000..6e29031 --- /dev/null +++ b/source/templates/process_variables.sh~ @@ -0,0 +1,5 @@ +#! /bin/bash + +source variables.sh + +envsubst <_theme_colors.scss >theme_colors_.scss.ok \ No newline at end of file diff --git a/source/templates/theme_colors_.scss.processed b/source/templates/theme_colors_.scss.processed new file mode 100644 index 0000000..cc4c959 --- /dev/null +++ b/source/templates/theme_colors_.scss.processed @@ -0,0 +1,37 @@ +$window_fg: #241f31; +$window_bg: #a7a7a7; +$text_widget_fg: #241f31; +$text_widget_bg: #908f8d; + +$selected_fg: #000000; +$selected_bg: #b0dd7e; + +$button_fg: #241f31; +$button_bg: #bcbeb9; +$button_checked_bg: #b0dd7e; +$button_checked_fg: #000000; + + +$disabled_fg: #552222; +$disabled_bg: #938989; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: #938989; +$errorc: #990000; +$successc: #73d216; + + +$titlebar_active_fg: #000000; +$titlebar_active_bg: #b0dd7e; + +$titlebar_backdrop_fg: #241f31; +$titlebar_backdrop_bg: #a7a7a7; + +$hint_fg: #002269; +$hint_bg: #6789b4; + +$osd_fg: #002269; +$osd_bg: #6789b4; + +$link_fg: #004B91; +$link_visited_fg: #680091; diff --git a/source/templates/use_scheme.sh b/source/templates/use_scheme.sh new file mode 100755 index 0000000..d2014da --- /dev/null +++ b/source/templates/use_scheme.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# exit when any command fails +set -e + +usage () { + echo -e "\nUsage:" + echo -e $(basename "$0") "name_of_color_scheme_file.sh\n" + echo -e "Changes current color scheme for Skewaita, using the specified color scheme bash file." + echo -e "After this step, you need to rebuild the theme:" + echo -e 'go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark\n' +} + + +# Check for correct parameters and the existence of color scheme file + +if [[ $# -ne 1 ]] +then + usage + exit 1 +fi + +filename=$1 + +# if color scheme filename provided does not include .sh extension, add it +[[ "$filename" == *.sh ]] || filename="$filename.sh" + +echo -e "\nReading color scheme from file '$filename'\n" + + +source $filename + +# envsubst <_theme_colors.scss >theme_colors_.scss.processed # not working! + +echo "New color scheme read; processing template files..." + +for FILE in "_theme_colors.scss" "gtkrc" ; do + echo " processing $FILE..." + while read -r line ; do + while [[ "$line" =~ (\$\{[a-zA-Z_][a-zA-Z_0-9]*\}) ]] ; do + LHS=${BASH_REMATCH[1]} + RHS="$(eval echo "\"$LHS\"")" + line=${line//$LHS/$RHS} + done + echo "$line" + done < "$FILE" > "$FILE.processed" +done + +echo "Done; copying processed files" + +cp _theme_colors.scss.processed ../common/_theme_colors.scss +cp gtkrc.processed ../../gtk-2.0/gtkrc +echo -e "\nSUCCESS\n" +echo "Now you need to rebuild the theme:" +echo -e 'go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark\n' + diff --git a/source/templates/variables.sh~ b/source/templates/variables.sh~ new file mode 100755 index 0000000..58a6bcc --- /dev/null +++ b/source/templates/variables.sh~ @@ -0,0 +1,46 @@ +#! /bin/bash + +# Gray light green scheme + +window_fg="#241f31" +window_bg="#a7a7a7" +text_widget_fg="#241f31" +text_widget_bg="#908f8d" + +selected_fg="#000000" +selected_bg="#b0dd7e" + +button_fg="#241f31" +button_bg="#bcbeb9" +button_checked_bg=$selected_bg +button_checked_fg=$selected_fg + + +disabled_fg="#552222" +disabled_bg="#938989" + +# Usually an automatic fg color on these backgrounds should check this value! + +warningc="#f57900" +errorc="#990000" +successc="#73d216" + + +titlebar_active_fg=$selected_fg +titlebar_active_bg=$selected_bg + +titlebar_backdrop_fg=$window_fg +titlebar_backdrop_bg=$window_bg + +hint_fg="#002269" +hint_bg="#6789b4" + +osd_fg=$hint_fg +osd_bg=$hint_bg + +link_fg="#004B91" +link_visited_fg="#680091" + + +export window_fg window_bg text_widget_fg text_widget_bg selected_fg selected_bg button_fg button_bg button_checked_bg button_checked_fg disabled_fg disabled_bg warningc errorc successc titlebar_active_fg titlebar_active_bg titlebar_backdrop_fg titlebar_backdrop_bg hint_fg hint_bg osd_fg osd_bg link_fg link_visited_fg + diff --git a/xfwm4/bottom-active.xpm b/xfwm4/bottom-active.xpm new file mode 100644 index 0000000..359890f --- /dev/null +++ b/xfwm4/bottom-active.xpm @@ -0,0 +1,12 @@ +/* XPM */ +static char * bottom_active_xpm[] = { +"24 6 3 1", +" c None", +"# c #C0C0C0 s active_color_2", +"@ c #C0C0FF s active_color_1", +"################################", +"################################", +"################################", +"################################", +"@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@"}; diff --git a/xfwm4/bottom-inactive.xpm b/xfwm4/bottom-inactive.xpm new file mode 100644 index 0000000..bae08b6 --- /dev/null +++ b/xfwm4/bottom-inactive.xpm @@ -0,0 +1,12 @@ +/* XPM */ +static char * bottom_inactive_xpm[] = { +"24 6 3 1", +" c None", +"# c #C0C0C0 s inactive_color_2", +"@ c #C0C0FF s inactive_color_2", +"################################", +"################################", +"################################", +"################################", +"@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@"}; diff --git a/xfwm4/bottom-left-active.xpm b/xfwm4/bottom-left-active.xpm new file mode 100644 index 0000000..ec74ae0 --- /dev/null +++ b/xfwm4/bottom-left-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * bottom_left_active_xpm[] = { +"24 24 3 1", +" c None", +"# c #C0C0C0 s active_color_2", +"@ c #C0C0FF s active_color_1", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@######################", +"@@######################", +"@@######################", +"@@######################", +" @@@@@@@@@@@@@@@@@@@@@@@", +" @@@@@@@@@@@@@@@@@@@@@@"}; diff --git a/xfwm4/bottom-left-inactive.xpm b/xfwm4/bottom-left-inactive.xpm new file mode 100644 index 0000000..9ecee6e --- /dev/null +++ b/xfwm4/bottom-left-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * bottom_left_inactive_xpm[] = { +"24 24 3 1", +" c None", +"# c #C0C0C0 s inactive_color_2", +"@ c #C0C0FF s inactive_color_2", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@#### ", +"@@######################", +"@@######################", +"@@######################", +"@@######################", +" @@@@@@@@@@@@@@@@@@@@@@@", +" @@@@@@@@@@@@@@@@@@@@@@"}; diff --git a/xfwm4/bottom-right-active.xpm b/xfwm4/bottom-right-active.xpm new file mode 100644 index 0000000..8289b77 --- /dev/null +++ b/xfwm4/bottom-right-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * bottom_right_active_xpm[] = { +"24 24 3 1", +" c None", +"# c #C0C0C0 s active_color_2", +"@ c #C0C0FF s active_color_1", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +"######################@@", +"######################@@", +"######################@@", +"######################@@", +"@@@@@@@@@@@@@@@@@@@@@@@ ", +"@@@@@@@@@@@@@@@@@@@@@@ "}; diff --git a/xfwm4/bottom-right-inactive.xpm b/xfwm4/bottom-right-inactive.xpm new file mode 100644 index 0000000..c6471df --- /dev/null +++ b/xfwm4/bottom-right-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * bottom_right_inactive_xpm[] = { +"24 24 3 1", +" c None", +"# c #C0C0C0 s inactive_color_2", +"@ c #C0C0FF s inactive_color_2", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +" ####@@", +"######################@@", +"######################@@", +"######################@@", +"######################@@", +"@@@@@@@@@@@@@@@@@@@@@@@ ", +"@@@@@@@@@@@@@@@@@@@@@@ "}; diff --git a/xfwm4/button-normal-cyan.png b/xfwm4/button-normal-cyan.png new file mode 100644 index 0000000..cee517d Binary files /dev/null and b/xfwm4/button-normal-cyan.png differ diff --git a/xfwm4/button-normal-green.png b/xfwm4/button-normal-green.png new file mode 100644 index 0000000..9bd6166 Binary files /dev/null and b/xfwm4/button-normal-green.png differ diff --git a/xfwm4/button-normal-red.png b/xfwm4/button-normal-red.png new file mode 100644 index 0000000..8a4660c Binary files /dev/null and b/xfwm4/button-normal-red.png differ diff --git a/xfwm4/button-normal-violet.png b/xfwm4/button-normal-violet.png new file mode 100644 index 0000000..b261c0f Binary files /dev/null and b/xfwm4/button-normal-violet.png differ diff --git a/xfwm4/button-normal-yellow.png b/xfwm4/button-normal-yellow.png new file mode 100644 index 0000000..695d429 Binary files /dev/null and b/xfwm4/button-normal-yellow.png differ diff --git a/xfwm4/button-normal.png b/xfwm4/button-normal.png new file mode 100644 index 0000000..461b104 Binary files /dev/null and b/xfwm4/button-normal.png differ diff --git a/xfwm4/button-pressed-cyan.png b/xfwm4/button-pressed-cyan.png new file mode 100644 index 0000000..a8839b3 Binary files /dev/null and b/xfwm4/button-pressed-cyan.png differ diff --git a/xfwm4/button-pressed-green.png b/xfwm4/button-pressed-green.png new file mode 100644 index 0000000..06945b9 Binary files /dev/null and b/xfwm4/button-pressed-green.png differ diff --git a/xfwm4/button-pressed-red.png b/xfwm4/button-pressed-red.png new file mode 100644 index 0000000..878488e Binary files /dev/null and b/xfwm4/button-pressed-red.png differ diff --git a/xfwm4/button-pressed-violet.png b/xfwm4/button-pressed-violet.png new file mode 100644 index 0000000..2250ce1 Binary files /dev/null and b/xfwm4/button-pressed-violet.png differ diff --git a/xfwm4/button-pressed-yellow.png b/xfwm4/button-pressed-yellow.png new file mode 100644 index 0000000..7511065 Binary files /dev/null and b/xfwm4/button-pressed-yellow.png differ diff --git a/xfwm4/button-pressed.png b/xfwm4/button-pressed.png new file mode 100644 index 0000000..ac80280 Binary files /dev/null and b/xfwm4/button-pressed.png differ diff --git a/xfwm4/button.svg b/xfwm4/button.svg new file mode 100644 index 0000000..f400a76 --- /dev/null +++ b/xfwm4/button.svg @@ -0,0 +1,458 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/xfwm4/buttonSymbols.xcf b/xfwm4/buttonSymbols.xcf new file mode 100644 index 0000000..e58f6c7 Binary files /dev/null and b/xfwm4/buttonSymbols.xcf differ diff --git a/xfwm4/close-active.png b/xfwm4/close-active.png new file mode 120000 index 0000000..c9cd7e1 --- /dev/null +++ b/xfwm4/close-active.png @@ -0,0 +1 @@ +button-normal-red.png \ No newline at end of file diff --git a/xfwm4/close-active.xpm b/xfwm4/close-active.xpm new file mode 100644 index 0000000..4116117 --- /dev/null +++ b/xfwm4/close-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * close_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" ... ... ", +" ... ... ", +" ..... ", +" ... ", +" ..... ", +" ... ... ", +" ... ... ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/close-inactive.png b/xfwm4/close-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/close-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/close-inactive.xpm b/xfwm4/close-inactive.xpm new file mode 100644 index 0000000..1232b0b --- /dev/null +++ b/xfwm4/close-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * close_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" ... ... ", +" ... ... ", +" ..... ", +" ... ", +" ..... ", +" ... ... ", +" ... ... ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/close-prelight.png b/xfwm4/close-prelight.png new file mode 120000 index 0000000..c9cd7e1 --- /dev/null +++ b/xfwm4/close-prelight.png @@ -0,0 +1 @@ +button-normal-red.png \ No newline at end of file diff --git a/xfwm4/close-prelight.xpm b/xfwm4/close-prelight.xpm new file mode 120000 index 0000000..f9d10dd --- /dev/null +++ b/xfwm4/close-prelight.xpm @@ -0,0 +1 @@ +close-active.xpm \ No newline at end of file diff --git a/xfwm4/close-pressed.png b/xfwm4/close-pressed.png new file mode 120000 index 0000000..c0d7b26 --- /dev/null +++ b/xfwm4/close-pressed.png @@ -0,0 +1 @@ +button-pressed-red.png \ No newline at end of file diff --git a/xfwm4/close-pressed.xpm b/xfwm4/close-pressed.xpm new file mode 120000 index 0000000..f9d10dd --- /dev/null +++ b/xfwm4/close-pressed.xpm @@ -0,0 +1 @@ +close-active.xpm \ No newline at end of file diff --git a/xfwm4/hide-active.png b/xfwm4/hide-active.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/hide-active.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/hide-active.xpm b/xfwm4/hide-active.xpm new file mode 100644 index 0000000..3efa1b2 --- /dev/null +++ b/xfwm4/hide-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * hide_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ......... ", +" ......... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/hide-inactive.png b/xfwm4/hide-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/hide-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/hide-inactive.xpm b/xfwm4/hide-inactive.xpm new file mode 100644 index 0000000..cf61eb1 --- /dev/null +++ b/xfwm4/hide-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * hide_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ......... ", +" ......... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/hide-prelight.png b/xfwm4/hide-prelight.png new file mode 120000 index 0000000..29e6da8 --- /dev/null +++ b/xfwm4/hide-prelight.png @@ -0,0 +1 @@ +button-normal-yellow.png \ No newline at end of file diff --git a/xfwm4/hide-prelight.xpm b/xfwm4/hide-prelight.xpm new file mode 120000 index 0000000..c9fa606 --- /dev/null +++ b/xfwm4/hide-prelight.xpm @@ -0,0 +1 @@ +hide-active.xpm \ No newline at end of file diff --git a/xfwm4/hide-pressed.png b/xfwm4/hide-pressed.png new file mode 120000 index 0000000..397c23b --- /dev/null +++ b/xfwm4/hide-pressed.png @@ -0,0 +1 @@ +button-pressed-yellow.png \ No newline at end of file diff --git a/xfwm4/hide-pressed.xpm b/xfwm4/hide-pressed.xpm new file mode 120000 index 0000000..c9fa606 --- /dev/null +++ b/xfwm4/hide-pressed.xpm @@ -0,0 +1 @@ +hide-active.xpm \ No newline at end of file diff --git a/xfwm4/left-active.xpm b/xfwm4/left-active.xpm new file mode 100644 index 0000000..02dd58d --- /dev/null +++ b/xfwm4/left-active.xpm @@ -0,0 +1,38 @@ +/* XPM */ +static char * left_active_xpm[] = { +"6 24 3 1", +" c None", +"# c #C0C0C0 s active_color_2", +"@ c #C0C0FF s active_color_1", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####"}; diff --git a/xfwm4/left-inactive.xpm b/xfwm4/left-inactive.xpm new file mode 100644 index 0000000..766d409 --- /dev/null +++ b/xfwm4/left-inactive.xpm @@ -0,0 +1,38 @@ +/* XPM */ +static char * left_inactive_xpm[] = { +"6 24 3 1", +" c None", +"# c #C0C0C0 s inactive_color_2", +"@ c #C0C0FF s inactive_color_2", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####", +"@@####"}; diff --git a/xfwm4/maximize-active.png b/xfwm4/maximize-active.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/maximize-active.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/maximize-active.xpm b/xfwm4/maximize-active.xpm new file mode 100644 index 0000000..c68f37c --- /dev/null +++ b/xfwm4/maximize-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * maximize_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ......... ", +" ......... ", +" .. .. ", +" .. .. ", +" .. .. ", +" .. .. ", +" .. .. ", +" ......... ", +" ......... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/maximize-inactive.png b/xfwm4/maximize-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/maximize-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/maximize-inactive.xpm b/xfwm4/maximize-inactive.xpm new file mode 100644 index 0000000..b97c9e7 --- /dev/null +++ b/xfwm4/maximize-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * maximize_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ......... ", +" ......... ", +" .. .. ", +" .. .. ", +" .. .. ", +" .. .. ", +" .. .. ", +" ......... ", +" ......... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/maximize-prelight.png b/xfwm4/maximize-prelight.png new file mode 120000 index 0000000..7bba216 --- /dev/null +++ b/xfwm4/maximize-prelight.png @@ -0,0 +1 @@ +button-normal-green.png \ No newline at end of file diff --git a/xfwm4/maximize-prelight.xpm b/xfwm4/maximize-prelight.xpm new file mode 120000 index 0000000..ba86411 --- /dev/null +++ b/xfwm4/maximize-prelight.xpm @@ -0,0 +1 @@ +maximize-active.xpm \ No newline at end of file diff --git a/xfwm4/maximize-pressed.png b/xfwm4/maximize-pressed.png new file mode 120000 index 0000000..d31902b --- /dev/null +++ b/xfwm4/maximize-pressed.png @@ -0,0 +1 @@ +button-pressed-green.png \ No newline at end of file diff --git a/xfwm4/maximize-pressed.xpm b/xfwm4/maximize-pressed.xpm new file mode 120000 index 0000000..ba86411 --- /dev/null +++ b/xfwm4/maximize-pressed.xpm @@ -0,0 +1 @@ +maximize-active.xpm \ No newline at end of file diff --git a/xfwm4/maximize-toggled-active.png b/xfwm4/maximize-toggled-active.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/maximize-toggled-active.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-active.xpm b/xfwm4/maximize-toggled-active.xpm new file mode 100644 index 0000000..16116c8 --- /dev/null +++ b/xfwm4/maximize-toggled-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * maximize_toggled_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ....... ", +" ....... ", +" .. .. ", +" .. .. ", +" .. .. ", +" ....... ", +" ....... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/maximize-toggled-inactive.png b/xfwm4/maximize-toggled-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/maximize-toggled-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-inactive.xpm b/xfwm4/maximize-toggled-inactive.xpm new file mode 100644 index 0000000..f90e5a0 --- /dev/null +++ b/xfwm4/maximize-toggled-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * maximize_toggled_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ....... ", +" ....... ", +" .. .. ", +" .. .. ", +" .. .. ", +" ....... ", +" ....... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/maximize-toggled-prelight.png b/xfwm4/maximize-toggled-prelight.png new file mode 120000 index 0000000..7bba216 --- /dev/null +++ b/xfwm4/maximize-toggled-prelight.png @@ -0,0 +1 @@ +button-normal-green.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-prelight.xpm b/xfwm4/maximize-toggled-prelight.xpm new file mode 120000 index 0000000..6e0dcf1 --- /dev/null +++ b/xfwm4/maximize-toggled-prelight.xpm @@ -0,0 +1 @@ +maximize-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/maximize-toggled-pressed.png b/xfwm4/maximize-toggled-pressed.png new file mode 120000 index 0000000..d31902b --- /dev/null +++ b/xfwm4/maximize-toggled-pressed.png @@ -0,0 +1 @@ +button-pressed-green.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-pressed.xpm b/xfwm4/maximize-toggled-pressed.xpm new file mode 120000 index 0000000..6e0dcf1 --- /dev/null +++ b/xfwm4/maximize-toggled-pressed.xpm @@ -0,0 +1 @@ +maximize-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/menu-active.xpm b/xfwm4/menu-active.xpm new file mode 100644 index 0000000..9f162b3 --- /dev/null +++ b/xfwm4/menu-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * hide_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/menu-inactive.xpm b/xfwm4/menu-inactive.xpm new file mode 100644 index 0000000..6b12d4e --- /dev/null +++ b/xfwm4/menu-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * hide_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/menu-prelight.png b/xfwm4/menu-prelight.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/menu-prelight.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/menu-prelight.xpm b/xfwm4/menu-prelight.xpm new file mode 120000 index 0000000..0c56224 --- /dev/null +++ b/xfwm4/menu-prelight.xpm @@ -0,0 +1 @@ +menu-active.xpm \ No newline at end of file diff --git a/xfwm4/menu-pressed.png b/xfwm4/menu-pressed.png new file mode 120000 index 0000000..1f06e49 --- /dev/null +++ b/xfwm4/menu-pressed.png @@ -0,0 +1 @@ +button-pressed.png \ No newline at end of file diff --git a/xfwm4/menu-pressed.xpm b/xfwm4/menu-pressed.xpm new file mode 120000 index 0000000..0c56224 --- /dev/null +++ b/xfwm4/menu-pressed.xpm @@ -0,0 +1 @@ +menu-active.xpm \ No newline at end of file diff --git a/xfwm4/right-active.xpm b/xfwm4/right-active.xpm new file mode 100644 index 0000000..1e8c3e7 --- /dev/null +++ b/xfwm4/right-active.xpm @@ -0,0 +1,38 @@ +/* XPM */ +static char * right_active_xpm[] = { +"6 24 3 1", +" c None", +"# c #C0C0C0 s active_color_2", +"@ c #C0C0FF s active_color_1", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@"}; diff --git a/xfwm4/right-inactive.xpm b/xfwm4/right-inactive.xpm new file mode 100644 index 0000000..723c203 --- /dev/null +++ b/xfwm4/right-inactive.xpm @@ -0,0 +1,38 @@ +/* XPM */ +static char * right_inactive_xpm[] = { +"6 24 3 1", +" c None", +"# c #C0C0C0 s inactive_color_2", +"@ c #C0C0FF s inactive_color_2", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@", +"####@@"}; diff --git a/xfwm4/shade-active.png b/xfwm4/shade-active.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/shade-active.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/shade-active.xpm b/xfwm4/shade-active.xpm new file mode 100644 index 0000000..966ae4d --- /dev/null +++ b/xfwm4/shade-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * shade_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" . ", +" ... ", +" ..... ", +" ... ... ", +" ... ... ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/shade-inactive.png b/xfwm4/shade-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/shade-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/shade-inactive.xpm b/xfwm4/shade-inactive.xpm new file mode 100644 index 0000000..5abbfba --- /dev/null +++ b/xfwm4/shade-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * shade_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" . ", +" ... ", +" ..... ", +" ... ... ", +" ... ... ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/shade-prelight.png b/xfwm4/shade-prelight.png new file mode 120000 index 0000000..7c01e9f --- /dev/null +++ b/xfwm4/shade-prelight.png @@ -0,0 +1 @@ +button-normal-cyan.png \ No newline at end of file diff --git a/xfwm4/shade-prelight.xpm b/xfwm4/shade-prelight.xpm new file mode 120000 index 0000000..299e8e3 --- /dev/null +++ b/xfwm4/shade-prelight.xpm @@ -0,0 +1 @@ +shade-active.xpm \ No newline at end of file diff --git a/xfwm4/shade-pressed.png b/xfwm4/shade-pressed.png new file mode 120000 index 0000000..a68a011 --- /dev/null +++ b/xfwm4/shade-pressed.png @@ -0,0 +1 @@ +button-pressed-cyan.png \ No newline at end of file diff --git a/xfwm4/shade-pressed.xpm b/xfwm4/shade-pressed.xpm new file mode 120000 index 0000000..299e8e3 --- /dev/null +++ b/xfwm4/shade-pressed.xpm @@ -0,0 +1 @@ +shade-active.xpm \ No newline at end of file diff --git a/xfwm4/shade-toggled-active.png b/xfwm4/shade-toggled-active.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/shade-toggled-active.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-active.xpm b/xfwm4/shade-toggled-active.xpm new file mode 100644 index 0000000..19abdc4 --- /dev/null +++ b/xfwm4/shade-toggled-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * shade_toggled_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" ... ... ", +" ... ... ", +" ..... ", +" ... ", +" . ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/shade-toggled-inactive.png b/xfwm4/shade-toggled-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/shade-toggled-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-inactive.xpm b/xfwm4/shade-toggled-inactive.xpm new file mode 100644 index 0000000..2521f31 --- /dev/null +++ b/xfwm4/shade-toggled-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * shade_toggled_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" ... ... ", +" ... ... ", +" ..... ", +" ... ", +" . ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/shade-toggled-prelight.png b/xfwm4/shade-toggled-prelight.png new file mode 120000 index 0000000..7c01e9f --- /dev/null +++ b/xfwm4/shade-toggled-prelight.png @@ -0,0 +1 @@ +button-normal-cyan.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-prelight.xpm b/xfwm4/shade-toggled-prelight.xpm new file mode 120000 index 0000000..68e20ca --- /dev/null +++ b/xfwm4/shade-toggled-prelight.xpm @@ -0,0 +1 @@ +shade-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/shade-toggled-pressed.png b/xfwm4/shade-toggled-pressed.png new file mode 120000 index 0000000..a68a011 --- /dev/null +++ b/xfwm4/shade-toggled-pressed.png @@ -0,0 +1 @@ +button-pressed-cyan.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-pressed.xpm b/xfwm4/shade-toggled-pressed.xpm new file mode 120000 index 0000000..68e20ca --- /dev/null +++ b/xfwm4/shade-toggled-pressed.xpm @@ -0,0 +1 @@ +shade-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/stick-active.png b/xfwm4/stick-active.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/stick-active.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/stick-active.xpm b/xfwm4/stick-active.xpm new file mode 100644 index 0000000..e11fee1 --- /dev/null +++ b/xfwm4/stick-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * stick_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/stick-inactive.png b/xfwm4/stick-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/stick-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/stick-inactive.xpm b/xfwm4/stick-inactive.xpm new file mode 100644 index 0000000..3e21b57 --- /dev/null +++ b/xfwm4/stick-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * stick_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" .. .. ", +" .. .. ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/stick-prelight.png b/xfwm4/stick-prelight.png new file mode 120000 index 0000000..f885b1a --- /dev/null +++ b/xfwm4/stick-prelight.png @@ -0,0 +1 @@ +button-normal-violet.png \ No newline at end of file diff --git a/xfwm4/stick-prelight.xpm b/xfwm4/stick-prelight.xpm new file mode 120000 index 0000000..7da8177 --- /dev/null +++ b/xfwm4/stick-prelight.xpm @@ -0,0 +1 @@ +stick-active.xpm \ No newline at end of file diff --git a/xfwm4/stick-pressed.png b/xfwm4/stick-pressed.png new file mode 120000 index 0000000..0e3253d --- /dev/null +++ b/xfwm4/stick-pressed.png @@ -0,0 +1 @@ +button-pressed-violet.png \ No newline at end of file diff --git a/xfwm4/stick-pressed.xpm b/xfwm4/stick-pressed.xpm new file mode 120000 index 0000000..7da8177 --- /dev/null +++ b/xfwm4/stick-pressed.xpm @@ -0,0 +1 @@ +stick-active.xpm \ No newline at end of file diff --git a/xfwm4/stick-toggled-active.png b/xfwm4/stick-toggled-active.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/stick-toggled-active.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-active.xpm b/xfwm4/stick-toggled-active.xpm new file mode 100644 index 0000000..b10c45f --- /dev/null +++ b/xfwm4/stick-toggled-active.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * stick_toggled_active_xpm[] = { +"24 25 2 1", +" c #808080 s active_color_2", +". c #000000 s active_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" .... .... ", +" .... .... ", +" .... .... ", +" .... .... ", +" ", +" .... .... ", +" .... .... ", +" .... .... ", +" .... .... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/stick-toggled-inactive.png b/xfwm4/stick-toggled-inactive.png new file mode 120000 index 0000000..3d3e576 --- /dev/null +++ b/xfwm4/stick-toggled-inactive.png @@ -0,0 +1 @@ +button-normal.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-inactive.xpm b/xfwm4/stick-toggled-inactive.xpm new file mode 100644 index 0000000..d2493e2 --- /dev/null +++ b/xfwm4/stick-toggled-inactive.xpm @@ -0,0 +1,30 @@ +/* XPM */ +static char * stick_toggled_active_xpm[] = { +"24 25 2 1", +" c #808080 s inactive_color_2", +". c #000000 s inactive_text_color", +" ", +" ", +" ", +" ", +" ", +" ", +" .... .... ", +" .... .... ", +" .... .... ", +" .... .... ", +" ", +" .... .... ", +" .... .... ", +" .... .... ", +" .... .... ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/stick-toggled-prelight.png b/xfwm4/stick-toggled-prelight.png new file mode 120000 index 0000000..f885b1a --- /dev/null +++ b/xfwm4/stick-toggled-prelight.png @@ -0,0 +1 @@ +button-normal-violet.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-prelight.xpm b/xfwm4/stick-toggled-prelight.xpm new file mode 120000 index 0000000..da3485f --- /dev/null +++ b/xfwm4/stick-toggled-prelight.xpm @@ -0,0 +1 @@ +stick-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/stick-toggled-pressed.png b/xfwm4/stick-toggled-pressed.png new file mode 120000 index 0000000..0e3253d --- /dev/null +++ b/xfwm4/stick-toggled-pressed.png @@ -0,0 +1 @@ +button-pressed-violet.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-pressed.xpm b/xfwm4/stick-toggled-pressed.xpm new file mode 120000 index 0000000..da3485f --- /dev/null +++ b/xfwm4/stick-toggled-pressed.xpm @@ -0,0 +1 @@ +stick-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/themerc b/xfwm4/themerc new file mode 100644 index 0000000..2008843 --- /dev/null +++ b/xfwm4/themerc @@ -0,0 +1,20 @@ +active_text_color=active_color_1 +active_text_shadow_color=active_hilight_1 +inactive_text_color=inactive_text_color_2 +inactive_text_shadow_color=inactive_hilight_1 +button_offset=0 +button_spacing=0 +frame_border_top=0 +full_width_title=true +maximized_offset=0 +show_app_icon=true +shadow_delta_height=10 +shadow_delta_width=10 +shadow_delta_x=10 +shadow_delta_y=0 +shadow_opacity=50 +title_horizontal_offset=1 +title_shadow_active=false +title_shadow_inactive=false +title_vertical_offset_active=1 +title_vertical_offset_inactive=1 diff --git a/xfwm4/title-1-active.png b/xfwm4/title-1-active.png new file mode 100644 index 0000000..49914bb Binary files /dev/null and b/xfwm4/title-1-active.png differ diff --git a/xfwm4/title-1-active.xpm b/xfwm4/title-1-active.xpm new file mode 100644 index 0000000..ab2cf85 --- /dev/null +++ b/xfwm4/title-1-active.xpm @@ -0,0 +1,35 @@ +/* XPM */ +static char * title_active_xpm[] = { +"6 29 3 1", +" c None", +". c #C0C0FF s active_color_2", +"@ c #C0C0FF s active_color_1", +"@@@@@@@@", +"@@@@@@@@", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........"}; diff --git a/xfwm4/title-1-inactive.png b/xfwm4/title-1-inactive.png new file mode 120000 index 0000000..b4aa42b --- /dev/null +++ b/xfwm4/title-1-inactive.png @@ -0,0 +1 @@ +title-1-active.png \ No newline at end of file diff --git a/xfwm4/title-1-inactive.xpm b/xfwm4/title-1-inactive.xpm new file mode 100644 index 0000000..2630d79 --- /dev/null +++ b/xfwm4/title-1-inactive.xpm @@ -0,0 +1,34 @@ +/* XPM */ +static char * title_inactive_xpm[] = { +"6 29 2 1", +" c None", +". c #C0C0FF s inactive_color_2", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........"}; diff --git a/xfwm4/title-2-active.png b/xfwm4/title-2-active.png new file mode 120000 index 0000000..b4aa42b --- /dev/null +++ b/xfwm4/title-2-active.png @@ -0,0 +1 @@ +title-1-active.png \ No newline at end of file diff --git a/xfwm4/title-2-active.xpm b/xfwm4/title-2-active.xpm new file mode 120000 index 0000000..def55f7 --- /dev/null +++ b/xfwm4/title-2-active.xpm @@ -0,0 +1 @@ +title-1-active.xpm \ No newline at end of file diff --git a/xfwm4/title-2-inactive.png b/xfwm4/title-2-inactive.png new file mode 120000 index 0000000..6cd8713 --- /dev/null +++ b/xfwm4/title-2-inactive.png @@ -0,0 +1 @@ +title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/title-2-inactive.xpm b/xfwm4/title-2-inactive.xpm new file mode 120000 index 0000000..b5c58ae --- /dev/null +++ b/xfwm4/title-2-inactive.xpm @@ -0,0 +1 @@ +title-1-inactive.xpm \ No newline at end of file diff --git a/xfwm4/title-3-active.png b/xfwm4/title-3-active.png new file mode 120000 index 0000000..b4aa42b --- /dev/null +++ b/xfwm4/title-3-active.png @@ -0,0 +1 @@ +title-1-active.png \ No newline at end of file diff --git a/xfwm4/title-3-active.xpm b/xfwm4/title-3-active.xpm new file mode 120000 index 0000000..def55f7 --- /dev/null +++ b/xfwm4/title-3-active.xpm @@ -0,0 +1 @@ +title-1-active.xpm \ No newline at end of file diff --git a/xfwm4/title-3-inactive.png b/xfwm4/title-3-inactive.png new file mode 120000 index 0000000..6cd8713 --- /dev/null +++ b/xfwm4/title-3-inactive.png @@ -0,0 +1 @@ +title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/title-3-inactive.xpm b/xfwm4/title-3-inactive.xpm new file mode 120000 index 0000000..b5c58ae --- /dev/null +++ b/xfwm4/title-3-inactive.xpm @@ -0,0 +1 @@ +title-1-inactive.xpm \ No newline at end of file diff --git a/xfwm4/title-4-active.png b/xfwm4/title-4-active.png new file mode 120000 index 0000000..b4aa42b --- /dev/null +++ b/xfwm4/title-4-active.png @@ -0,0 +1 @@ +title-1-active.png \ No newline at end of file diff --git a/xfwm4/title-4-active.xpm b/xfwm4/title-4-active.xpm new file mode 120000 index 0000000..def55f7 --- /dev/null +++ b/xfwm4/title-4-active.xpm @@ -0,0 +1 @@ +title-1-active.xpm \ No newline at end of file diff --git a/xfwm4/title-4-inactive.png b/xfwm4/title-4-inactive.png new file mode 120000 index 0000000..6cd8713 --- /dev/null +++ b/xfwm4/title-4-inactive.png @@ -0,0 +1 @@ +title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/title-4-inactive.xpm b/xfwm4/title-4-inactive.xpm new file mode 120000 index 0000000..b5c58ae --- /dev/null +++ b/xfwm4/title-4-inactive.xpm @@ -0,0 +1 @@ +title-1-inactive.xpm \ No newline at end of file diff --git a/xfwm4/title-5-active.png b/xfwm4/title-5-active.png new file mode 120000 index 0000000..b4aa42b --- /dev/null +++ b/xfwm4/title-5-active.png @@ -0,0 +1 @@ +title-1-active.png \ No newline at end of file diff --git a/xfwm4/title-5-active.xpm b/xfwm4/title-5-active.xpm new file mode 120000 index 0000000..def55f7 --- /dev/null +++ b/xfwm4/title-5-active.xpm @@ -0,0 +1 @@ +title-1-active.xpm \ No newline at end of file diff --git a/xfwm4/title-5-inactive.png b/xfwm4/title-5-inactive.png new file mode 120000 index 0000000..6cd8713 --- /dev/null +++ b/xfwm4/title-5-inactive.png @@ -0,0 +1 @@ +title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/title-5-inactive.xpm b/xfwm4/title-5-inactive.xpm new file mode 120000 index 0000000..b5c58ae --- /dev/null +++ b/xfwm4/title-5-inactive.xpm @@ -0,0 +1 @@ +title-1-inactive.xpm \ No newline at end of file diff --git a/xfwm4/top-left-active.png b/xfwm4/top-left-active.png new file mode 100644 index 0000000..48e85bf Binary files /dev/null and b/xfwm4/top-left-active.png differ diff --git a/xfwm4/top-left-active.xpm b/xfwm4/top-left-active.xpm new file mode 100644 index 0000000..8628de8 --- /dev/null +++ b/xfwm4/top-left-active.xpm @@ -0,0 +1,35 @@ +/* XPM */ +static char * top_left_active_xpm[] = { +"12 29 3 1", +" c None", +". c #C0C0FF s active_color_2", +"@ c #C0C0FF s active_color_1", +" @@@@@", +" @@@@@@@", +" @@@@.....", +" @@@.......", +" @@........", +" @@.........", +" @@.........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@.........."}; diff --git a/xfwm4/top-left-inactive.png b/xfwm4/top-left-inactive.png new file mode 120000 index 0000000..9558d65 --- /dev/null +++ b/xfwm4/top-left-inactive.png @@ -0,0 +1 @@ +top-left-active.png \ No newline at end of file diff --git a/xfwm4/top-left-inactive.xpm b/xfwm4/top-left-inactive.xpm new file mode 100644 index 0000000..6519672 --- /dev/null +++ b/xfwm4/top-left-inactive.xpm @@ -0,0 +1,34 @@ +/* XPM */ +static char * top_left_inactive_xpm[] = { +"12 29 2 1", +" c None", +". c #C0C0FF s inactive_color_2", +" .....", +" .......", +" .........", +" ..........", +" ..........", +" ...........", +" ...........", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............"}; diff --git a/xfwm4/top-right-active.png b/xfwm4/top-right-active.png new file mode 100644 index 0000000..20081e1 Binary files /dev/null and b/xfwm4/top-right-active.png differ diff --git a/xfwm4/top-right-active.xpm b/xfwm4/top-right-active.xpm new file mode 100644 index 0000000..2b20b2f --- /dev/null +++ b/xfwm4/top-right-active.xpm @@ -0,0 +1,35 @@ +/* XPM */ +static char * top_right_active_xpm[] = { +"12 29 3 1", +" c None", +". c #C0C0FF s active_color_2", +"@ c #C0C0FF s active_color_1", +"@@@@@ ", +"@@@@@@@ ", +".....@@@@ ", +".......@@@ ", +"........@@ ", +".........@@ ", +".........@@ ", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@", +"..........@@"}; diff --git a/xfwm4/top-right-inactive.png b/xfwm4/top-right-inactive.png new file mode 120000 index 0000000..a055793 --- /dev/null +++ b/xfwm4/top-right-inactive.png @@ -0,0 +1 @@ +top-right-active.png \ No newline at end of file diff --git a/xfwm4/top-right-inactive.xpm b/xfwm4/top-right-inactive.xpm new file mode 100644 index 0000000..a80bf9e --- /dev/null +++ b/xfwm4/top-right-inactive.xpm @@ -0,0 +1,34 @@ +/* XPM */ +static char * top_right_inactive_xpm[] = { +"12 29 2 1", +" c None", +". c #C0C0FF s inactive_color_2", +"..... ", +"....... ", +"......... ", +".......... ", +".......... ", +"........... ", +"........... ", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............", +"............"};